From fdae782cb853db834cd36c5a20ddc87c3f58a340 Mon Sep 17 00:00:00 2001
From: Peter Joles <jolzee@gmail.com>
Date: Sat, 22 Feb 2020 14:02:31 -0800
Subject: [PATCH] Vertically align keys to the top in import table

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

diff --git a/src/App.vue b/src/App.vue
index fa7f7ae1..d0bbb77e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -400,18 +400,21 @@
           v-if="importDialog"
           title="Solution Import"
           :show="importDialog"
-          width="600px"
+          width="800px"
           @close="importDialog = false"
         >
           {{ importDialogMessages.message }}
           <br />
           <br />
           <v-alert
-            border="top"
-            colored-border
-            type="warning"
-            elevation="2"
+            text
+            outlined
+            border="left"
+            color="deep-orange"
+            icon="mdi-fire"
+            class="ma-0 elevation-3"
           >Accepting will overwrite other solutions with the same name or deep link.</v-alert>
+
           <v-simple-table>
             <template v-slot:default>
               <thead>
@@ -423,7 +426,7 @@
               <tbody>
                 <template v-for="(value, name, index) in importDialogMessages.solution">
                   <tr :key="`${index}${name}`">
-                    <td>
+                    <td style="vertical-align: top" class="pt-2">
                       <code>{{ name }}</code>
                     </td>
                     <td>