fixes

src/layouts/DefaultLayout.vue

@@ -67,11 +67,11 @@ const goToSettings = () => {
 
 <template>
   <v-layout>
-    <v-app-bar density="compact" elevation="0" border>
+    <v-app-bar density="compact" elevation="0" border rounded="0">
       <template v-slot:prepend>
         <v-menu>
           <template v-slot:activator="{ props }">
-            <v-app-bar-nav-icon variant="text" v-bind="props" />
+            <v-app-bar-nav-icon variant="text" density="comfortable" v-bind="props" />
           </template>
 
           <v-list class="mt-1" width="200" density="compact">
@@ -93,7 +93,6 @@ const goToSettings = () => {
             {{ title }}
           </router-link>
           <span>v{{ version }}</span>
-          <v-divider class="mx-2" vertical />
 
           <project-menu v-if="session.data" />
         </div>
@@ -107,34 +106,38 @@ const goToSettings = () => {
           </router-link>
         </div>
       </div>
-      <v-btn v-if="!session.data" @click="goToSignIn">Sign In</v-btn>
-      <v-btn v-if="!session.data" @click="goToSignUp">Sign Up</v-btn>
+      <div v-if="!session.data">
+        <v-btn @click="goToSignIn">Sign In</v-btn>
+        <v-btn @click="goToSignUp">Sign Up</v-btn>
+      </div>
 
       <v-divider class="mx-1" vertical />
-      <v-btn icon="mdi-brightness-6" @click="toggleTheme" />
-      <v-divider class="mx-1" vertical />
+      <v-btn icon="mdi-brightness-6" density="comfortable" @click="toggleTheme" />
 
-      <v-menu v-if="session.data">
-        <template v-slot:activator="{ props }">
-          <v-btn icon v-bind="props">
-            <v-icon icon="mdi-account" />
-          </v-btn>
-        </template>
-        <v-list class="mt-1" width="200">
-          <v-list-item @click="goToProfile">
-            <v-icon icon="mdi-account" />
-            Profile
-          </v-list-item>
-          <v-list-item @click="goToSettings">
-            <v-icon icon="mdi-cog" />
-            settings
-          </v-list-item>
-          <v-list-item @click="goToSignOut">
-            <v-icon icon="mdi-logout" />
-            Sign Out
-          </v-list-item>
-        </v-list>
-      </v-menu>
+      <div v-if="session.data">
+        <v-divider class="mx-1" vertical />
+        <v-menu>
+          <template v-slot:activator="{ props }">
+            <v-btn density="comfortable" class="mr-1" icon v-bind="props">
+              <v-icon icon="mdi-account" />
+            </v-btn>
+          </template>
+          <v-list class="mt-1" width="200">
+            <v-list-item @click="goToProfile">
+              <v-icon icon="mdi-account" />
+              Profile
+            </v-list-item>
+            <v-list-item @click="goToSettings">
+              <v-icon icon="mdi-cog" />
+              settings
+            </v-list-item>
+            <v-list-item @click="goToSignOut">
+              <v-icon icon="mdi-logout" />
+              Sign Out
+            </v-list-item>
+          </v-list>
+        </v-menu>
+      </div>
     </v-app-bar>
     <v-main>
       <v-container :fluid="false">