Better iconography

components/layout/header.vue

@@ -37,7 +37,7 @@
         </button>
         <v-popover v-if="fb.currentUser === null">
           <button class="icon" v-tooltip="$t('login_with')">
-            <i class="material-icons">vpn_key</i>
+            <i class="material-icons">login</i>
           </button>
           <template slot="popover">
             <login />
@@ -79,7 +79,7 @@
         </v-popover>
         <v-popover>
           <button class="icon" v-tooltip="$t('more')">
-            <i class="material-icons">more_vert</i>
+            <i class="material-icons">drag_indicator</i>
           </button>
           <template slot="popover">
             <div>

components/layout/sidenav.vue

@@ -18,7 +18,7 @@
         :class="linkActive('/realtime')"
         v-tooltip.right="$t('realtime')"
       >
-        <i class="material-icons">settings_input_hdmi</i>
+        <i class="material-icons">language</i>
       </nuxt-link>
       <nuxt-link
         :to="localePath('graphql')"
@@ -141,7 +141,7 @@
         v-tooltip.right="$t('documentation')"
         :aria-label="$t('documentation')"
       >
-        <i class="material-icons">books</i>
+        <i class="material-icons">topic</i>
       </nuxt-link>
       <nuxt-link
         :to="localePath('settings')"