From bfa04bfb11909c9e4af108973b5f34eaae6b9472 Mon Sep 17 00:00:00 2001
From: shpuld <shp@cock.li>
Date: Wed, 8 Nov 2017 11:26:42 +0200
Subject: Hide overflowing elements when userfinder is active. Don't scroll on
 button presses. Make buttons slightly bigger and more spaced out.

---
 src/App.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index 48cf9ea6..eb9bdf5d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,9 +6,9 @@
           <router-link :to="{ name: 'root'}">{{sitename}}</router-link>
         </div>
         <div class='item right'>
-          <user-finder></user-finder>
-          <router-link :to="{ name: 'settings'}"><i class="icon-cog"></i></router-link>
-          <a href="#" v-if="currentUser" @click.prevent="logout"><i class="icon-logout" title="Logout" ></i></a>
+          <user-finder class="nav-icon"></user-finder>
+          <router-link :to="{ name: 'settings'}"><i class="icon-cog nav-icon"></i></router-link>
+          <a href="#" v-if="currentUser" @click.prevent="logout"><i class="icon-logout nav-icon" title="Logout" ></i></a>
         </div>
       </div>
     </nav>
-- 
cgit v1.2.3-70-g09d2

