fixed nav-bar icons

Fix: Improve Navbar Icon Alignment and Language Selector Responsiveness

Author: bushra-aekay

src/app/core/shell/toolbar/toolbar.component.html

@@ -58,10 +58,10 @@
   </div>
 
   <div #languageSelector>
-    <mifosx-language-selector class="ml-1 language" fxHide.lt-md></mifosx-language-selector>
+    <mifosx-language-selector class="mr-1 language" fxHide.lt-md></mifosx-language-selector>
   </div>
 
-  <button mat-icon-button [matMenuTriggerFor]="languageMenu">
+  <button mat-icon-button [matMenuTriggerFor]="languageMenu" fxHide.gt-sm>
     <mat-icon class="lg-icon">language</mat-icon>
   </button>
 
@@ -74,7 +74,7 @@
   </div>
 
   <div #appMenu>
-    <button mat-icon-button class="ml-1 img-button" [matMenuTriggerFor]="applicationMenu">
+    <button mat-icon-button class="img-button" [matMenuTriggerFor]="applicationMenu">
       <img src="assets/images/user_placeholder.png" />
     </button>
   </div>

src/app/core/shell/toolbar/toolbar.component.scss

@@ -47,9 +47,9 @@
   display: none;
 }
 
-@media (width <= 959px) {
+@media (width <= 960px) {
   .lg-icon {
     display: block;
-    margin-left: 5px;
+    margin-left: 7px;
   }
 }

src/app/shared/search-tool/search-tool.component.scss

@@ -13,7 +13,7 @@
 }
 
 .search-icon {
-  margin-left: 1rem;
+  // margin-left: 1rem;
   display: flex;
   align-items: center;
 }