Fix navigation for Edge

space-evenly > space-around
happydesigns · Oct 12, 2019 · a1694cf · a1694cf
1 parent b173805
commit a1694cf
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -122,7 +122,10 @@ header.scrolled {
   top: 0;
   box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.20);
   box-shadow: 0px 6px 6px -4px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
-  // box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 2px 6px 0px rgba(0,0,0,.12);
 }
+
+.logo + .navigation {
+  margin-left: 1rem;
+}
 </style>
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
@@ -11,15 +11,16 @@
 
 <script>
 export default {
-  name: 'Navigation'
-}
+  name: "Navigation"
+};
 </script>
 
 <style lang="scss" scoped>
 .navigation {
   display: flex;
   align-items: center;
-  justify-content: space-evenly;
+  justify-content: space-around;
+  // justify-content: space-evenly;
 
   width: 100%;
 }
@@ -42,4 +43,12 @@ a {
   margin: 0.5rem 0;
   display: inline-block;
 }
+
+@supports (-ms-accelerator: true) {
+  /* Edge only */
+
+  .navigation {
+
+  }
+}
 </style>