Update CSS

1024pix · Mar 4, 2021 · bbeea71 · bbeea71
1 parent e13361b
commit bbeea71
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 26 deletions.
diff --git a/components/BurgerMenuNavItems.vue b/components/BurgerMenuNavItems.vue
@@ -40,7 +40,7 @@ export default {
   list-style: none;
 
   &:last-child {
-    margin-top: 8px;
+    margin: 8px 0 0 0;
   }
 
   &__link {
@@ -103,9 +103,5 @@ export default {
       }
     }
   }
-
-  &:last-child {
-    margin: 0;
-  }
 }
 </style>
diff --git a/components/NavigationSliceZone.vue b/components/NavigationSliceZone.vue
@@ -5,31 +5,29 @@
         <burger-menu-nav :items="burgerMenuLinks" />
       </slide-menu>
     </client-only>
-    <div id="page-wrap">
-      <div class="navigation-slice-zone__content">
-        <div class="navigation-slice-zone-content__left-side">
-          <section
-            v-for="(slice, index) in usedMainNavigation.data.body"
-            :key="`navigation-slice-left-${index}`"
-          >
-            <template v-if="slice.slice_type === 'logos_zone'">
-              <logos-zone :slice="slice" />
-            </template>
-            <template v-if="slice.slice_type === 'navigation_zone'">
-              <navigation-zone :slice="slice" />
-            </template>
-          </section>
-        </div>
+    <div class="navigation-slice-zone__content">
+      <div class="navigation-slice-zone-content__left-side">
         <section
           v-for="(slice, index) in usedMainNavigation.data.body"
-          :key="`navigation-slice-right-${index}`"
-          class="navigation-slice-zone-wrapper__right-side"
+          :key="`navigation-slice-left-${index}`"
         >
-          <template v-if="slice.slice_type === 'actions_zone'">
-            <actions-zone :slice="slice" />
+          <template v-if="slice.slice_type === 'logos_zone'">
+            <logos-zone :slice="slice" />
+          </template>
+          <template v-if="slice.slice_type === 'navigation_zone'">
+            <navigation-zone :slice="slice" />
           </template>
         </section>
       </div>
+      <section
+        v-for="(slice, index) in usedMainNavigation.data.body"
+        :key="`navigation-slice-right-${index}`"
+        class="navigation-slice-zone-content__right-side"
+      >
+        <template v-if="slice.slice_type === 'actions_zone'">
+          <actions-zone :slice="slice" />
+        </template>
+      </section>
     </div>
   </div>
 </template>

diff --git a/components/slices/ActionsZone.vue b/components/slices/ActionsZone.vue
@@ -50,8 +50,8 @@ export default {
     color: $grey-50;
     font-family: $font-roboto;
     font-weight: $font-medium;
-    letter-spacing: 0.13px;
-    line-height: 22px;
+    letter-spacing: 0.008rem;
+    line-height: 1.375rem;
 
     &.link:hover {
       color: $blue;