band-aid to prevent misclics on logout

src/components/desktop_nav/desktop_nav.scss

@@ -117,4 +117,8 @@
       text-align: right;
     }
   }
+
+  .spacer {
+    width: 1em;
+  }
 }

src/components/desktop_nav/desktop_nav.vue

@@ -61,6 +61,7 @@
             :title="$t('nav.administration')"
           />
         </a>
+        <span class="spacer"/>
         <button
           v-if="currentUser"
           class="button-unstyled nav-icon"

src/components/search_bar/search_bar.vue

@@ -47,6 +47,8 @@
           class="cancel-icon fa-scale-110 fa-old-padding"
         />
       </button>
+      <span class="spacer"/>
+      <span class="spacer"/>
     </template>
   </div>
 </template>