Merge pull request #2266 from dandi/fix-mobile-links

Fix link dropdown text on mobile

Author: mvandenburgh

web/src/components/AppBar/AppBar.vue

@@ -18,23 +18,24 @@
             :target="navItem.external ? '_blank' : undefined"
             :rel="navItem.external ? 'noopener' : undefined"
             exact
-            text
           >
             <template v-if="!navItem.external">
               <v-list-item-title class="text-md">
                 {{ navItem.text }}
               </v-list-item-title>
             </template>
             <template v-if="navItem.external">
-              <v-list-item-title class="text-md">
-                {{ navItem.text }}
-              </v-list-item-title>
-              <v-icon
-                class="ml-1"
-                size="small"
-              >
-                mdi-open-in-new
-              </v-icon>
+              <div class="d-flex justify-space-between align-center">
+                <v-list-item-title class="text-md">
+                  {{ navItem.text }}
+                </v-list-item-title>
+                <v-icon
+                  class="ml-1"
+                  size="x-small"
+                >
+                  mdi-open-in-new
+                </v-icon>
+              </div>
             </template>
           </v-list-item>
         </template>