[DURACOM-177] Use gap-* classes on navbar buttons

DSpace · Nov 6, 2023 · a356295 · a356295
1 parent 930a381
commit a356295
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 14 deletions.
diff --git a/src/themes/dspace/app/header/header.component.html b/src/themes/dspace/app/header/header.component.html
@@ -5,7 +5,7 @@
         <img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate"/>
       </a>
     </div>
-    <div class="navbar-buttons d-flex flex-grow-1 ml-auto justify-content-end align-items-center">
+    <div class="navbar-buttons d-flex flex-grow-1 ml-auto justify-content-end align-items-center gapx-1">
       <ds-themed-search-navbar></ds-themed-search-navbar>
       <ds-themed-lang-switch></ds-themed-lang-switch>
       <ds-context-help-toggle></ds-context-help-toggle>

diff --git a/src/themes/dspace/app/header/header.component.scss b/src/themes/dspace/app/header/header.component.scss
@@ -24,9 +24,3 @@
     color: var(--ds-header-icon-color-hover);
   }
 }
-
-.navbar-buttons {
-  display: flex;
-  gap: calc(var(--bs-spacer) / 3);
-  align-items: center;
-}
diff --git a/src/themes/dspace/app/navbar/navbar.component.html b/src/themes/dspace/app/navbar/navbar.component.html
@@ -15,7 +15,7 @@
         </li>
       </ul>
     </div>
-    <div class="navbar-buttons">
+    <div class="navbar-buttons d-flex align-items-center gapx-1">
       <ds-themed-search-navbar class="navbar-collapsed"></ds-themed-search-navbar>
       <ds-themed-lang-switch class="navbar-collapsed"></ds-themed-lang-switch>
       <ds-context-help-toggle class="navbar-collapsed"></ds-context-help-toggle>

diff --git a/src/themes/dspace/app/navbar/navbar.component.scss b/src/themes/dspace/app/navbar/navbar.component.scss
@@ -59,9 +59,3 @@ a.navbar-brand img {
     }
   }
 }
-
-.navbar-buttons {
-  display: flex;
-  gap: calc(var(--bs-spacer) / 3);
-  align-items: center;
-}