Update gaps

dfinity · Nov 6, 2024 · ef479ef · ef479ef
1 parent a8120a8
commit ef479ef
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/frontend/src/lib/components/common/PageHeader.svelte b/frontend/src/lib/components/common/PageHeader.svelte
@@ -19,6 +19,8 @@
     position: relative;
     display: flex;
     flex-direction: column;
+    row-gap: var(--padding-3x);
+    column-gap: var(--padding);
 
     @include media.min-width(medium) {
       flex-direction: row;
@@ -38,15 +40,17 @@
       justify-content: space-between;
     }
   }
+
   .navigation {
+    display: flex;
+    align-items: center;
+
     order: -1;
     align-self: end;
 
     @include media.min-width(medium) {
-      align-self: auto;
       order: initial;
-      display: flex;
-      align-items: center;
+      align-self: auto;
     }
   }
 </style>
diff --git a/frontend/src/lib/components/neuron-detail/NeuronNavigation.svelte b/frontend/src/lib/components/neuron-detail/NeuronNavigation.svelte
@@ -61,19 +61,14 @@
     align-items: center;
     column-gap: var(--padding);
     color: var(--elements-icons);
-    padding-bottom: var(--padding-3x);
-
-    @include media.min-width(medium) {
-      padding-bottom: 0;
-    }
   }
 
   a {
     display: flex;
     align-items: center;
+
     &.hidden {
       visibility: hidden;
-      opacity: 0;
     }
   }
 </style>