fix mobile navbar hitboxes

2020-11-03 11:35:55 +02:00 · 2020-11-03 11:35:55 +02:00 · 979efb301a
parent b6a8ca44ef
commit 979efb301a
1 changed files with 12 additions and 1 deletions
--- a/src/components/mobile_nav/mobile_nav.vue
+++ b/src/components/mobile_nav/mobile_nav.vue
@ -110,12 +110,23 @@
  }

  .mobile-nav-button {
+    display: inline-block;
    text-align: center;
-    margin: 0 1em;
+    padding: 0 1em;
    position: relative;
    cursor: pointer;
  }

+  .site-name {
+    padding: 0 .3em;
+    display: inline-block;
+  }
+
+  .item {
+    /* moslty just to get rid of extra whitespaces */
+    display: flex;
+  }
+
  .alert-dot {
    border-radius: 100%;
    height: 8px;