fix: fix header small screen

bcgov · Sep 25, 2023 · b781223 · b781223
1 parent 2e8fb24
commit b781223
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 17 deletions.
diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
@@ -76,6 +76,8 @@
 
 .heading-buttons {
   display: flex;
+  flex-grow: 1;
+  justify-content: flex-end;
   gap: 1.5rem;
   --cds-text-inverse: var(--light-theme-text-text-primary);
   --cds-button-tertiary: var(--dark-theme-button-button-tertiary);
@@ -249,14 +251,10 @@ hr {
 }
 .heading {
   display: flex;
-  padding: 0.9375rem 2rem 0.9375rem 0.5rem;
+  padding: 0.9375rem 0.5rem 0.9375rem 0.5rem;
   align-items: flex-start;
   gap: 0.1875rem;
 }
-.heading-space {
-  flex: 1 0 0;
-  align-self: stretch;
-}
 .heading-button-transparent {
   display: flex;
   width: 12.375rem;
@@ -750,11 +748,6 @@ cds-modal {
     display: none;
   }
 
-  .heading-space {
-    width: 2rem;
-    flex-shrink: 0;
-  }
-
   .form-header {
     align-self: stretch;
   }
@@ -798,14 +791,10 @@ cds-modal {
   }
 
   .heading {
-    padding: 0.9375rem 2rem 0.9375rem 0.5rem;
+    padding: 0.9375rem 0.5rem 0.9375rem 0.5rem;
     flex-shrink: 0;
   }
 
-  .heading-space {
-    width: 8.75rem;
-  }
-
   .form-header {
     align-self: stretch;
   }

diff --git a/frontend/src/components/MainHeaderComponent.vue b/frontend/src/components/MainHeaderComponent.vue
@@ -42,8 +42,6 @@ const logoutModalActive = ref(false);
     <span class="heading-compact-01" v-else>Client Management System</span>
     <span class="heading-compact-01" v-if="env !== 'Prod'">Env. {{ env }} - Rel. {{appVersion}}</span>
   </div>
-
-  <div class="heading-space"></div>
 
   <div class="heading-buttons">