fix issue:#2011

src/ui_ng/src/app/account/sign-in/sign-in.component.css

@@ -33,7 +33,7 @@
 
 .repo-container {
     width: 100%;
-    margin-top: -250px;
+    margin-top: -210px;
 }
 
 .more-info-link {
@@ -41,4 +41,10 @@
     top: 80px;
     left: 294px;
     padding-right: 36px;
+}
+
+.tm-font {
+    font-size: 14px !important;
+    position: relative;
+    top: -9px;
 }

src/ui_ng/src/app/account/sign-in/sign-in.component.html

@@ -1,6 +1,6 @@
 <div class="login-wrapper login-wrapper-override">
     <form #signInForm="ngForm" class="login">
-        <label class="title">{{appTitle | translate}}<span class="trademark">&#8482;</span>
+        <label class="title">{{appTitle | translate}}<span class="trademark tm-font">&#8482;</span>
     </label>
         <div class="login-group">
             <label for="username" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-top-left">

src/ui_ng/src/app/base/global-search/global-search.component.ts

@@ -28,7 +28,8 @@ const deBounceTime = 500; //ms
 
 @Component({
     selector: 'global-search',
-    templateUrl: "global-search.component.html"
+    templateUrl: "global-search.component.html",
+    styleUrls: ["search.component.css"]
 })
 export class GlobalSearchComponent implements OnInit, OnDestroy {
     //Keep search term as Subject
@@ -62,7 +63,7 @@ export class GlobalSearchComponent implements OnInit, OnDestroy {
             this.searchTerm = "";
         });
 
-        if(this.appConfigService.isIntegrationMode()){
+        if (this.appConfigService.isIntegrationMode()) {
             this.placeholderText = "GLOBAL_SEARCH.PLACEHOLDER_VIC";
         }
     }

src/ui_ng/src/app/base/global-search/search-result.component.ts

@@ -24,7 +24,7 @@ import { MessageHandlerService } from '../../shared/message-handler/message-hand
 @Component({
     selector: "search-result",
     templateUrl: "search-result.component.html",
-    styleUrls: ["search-result.component.css"],
+    styleUrls: ["search.component.css"],
 
     providers: [GlobalSearchService]
 })

src/ui_ng/src/app/base/global-search/search.component.css

@@ -53,4 +53,15 @@
 
 .search-header a:hover {
     text-decoration: none;
+}
+
+.search::after {
+    position: absolute;
+    content: '';
+    display: inline-block;
+    background: #fafafa;
+    opacity: .15;
+    height: 40px;
+    width: 1px;
+    top: 10px;
 }

src/ui_ng/src/app/base/navigator/navigator.component.css

@@ -28,4 +28,9 @@
     top: 10px;
     opacity: 0.15;
     content: '';
+}
+
+.nav-about-link {
+    padding-left: 12px !important;
+    padding-right: 12px !important;
 }

src/ui_ng/src/app/base/navigator/navigator.component.html

@@ -38,6 +38,7 @@
                 <a href="javascript:void(0)" clrDropdownItem (click)="logOut()">{{'ACCOUNT_SETTINGS.LOGOUT' | translate}}</a>
             </div>
         </clr-dropdown>
-        <a href="javascript:void(0)" class="nav-link nav-text" (click)="openAboutDialog()" *ngIf="isSessionValid === false">{{'ACCOUNT_SETTINGS.ABOUT' | translate}}</a>
+        <div class="nav-divider" *ngIf="!isSessionValid"></div>
+        <a href="javascript:void(0)" id="aboutMenu" class="nav-link nav-text nav-about-link" (click)="openAboutDialog()" *ngIf="!isSessionValid">{{'ACCOUNT_SETTINGS.ABOUT' | translate}}</a>
     </div>
 </clr-header>