From 20379340a2edb26ca8e95ecffdd8f351bc122d68 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Sun, 21 Feb 2021 20:07:34 -0900
Subject: [PATCH] new header styling for imports

---
 .../Backup/ImportSummaryDialog/index.vue      | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Settings/Backup/ImportSummaryDialog/index.vue b/frontend/src/components/Settings/Backup/ImportSummaryDialog/index.vue
index 718a2dfd2..5ba5b0926 100644
--- a/frontend/src/components/Settings/Backup/ImportSummaryDialog/index.vue
+++ b/frontend/src/components/Settings/Backup/ImportSummaryDialog/index.vue
@@ -2,10 +2,18 @@
   <div class="text-center">
     <v-dialog v-model="dialog" width="70%">
       <v-card>
-        <v-card-title> Import Summary </v-card-title>
-        <v-card-text>
-          <v-row class="mb-n9">
-            <v-card flat>
+        <v-app-bar dark color="primary mb-2">
+          <v-icon large left>
+            mdi-import
+          </v-icon>
+          <v-toolbar-title class="headline">
+            Import Summary
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+        </v-app-bar>
+        <v-card-text class="mb-n4">
+          <v-row>
+            <div>
               <v-card-text>
                 <div>
                   <h3>Recipes</h3>
@@ -17,8 +25,8 @@
                   Failed: {{ recipeNumbers.failure }}
                 </div>
               </v-card-text>
-            </v-card>
-            <v-card flat>
+            </div>
+            <div>
               <v-card-text>
                 <div>
                   <h3>Themes</h3>
@@ -30,8 +38,8 @@
                   Failed: {{ themeNumbers.failure }}
                 </div>
               </v-card-text>
-            </v-card>
-            <v-card flat>
+            </div>
+            <div>
               <v-card-text>
                 <div>
                   <h3>Settings</h3>
@@ -43,7 +51,7 @@
                   Failed: {{ settingsNumbers.failure }}
                 </div>
               </v-card-text>
-            </v-card>
+            </div>
           </v-row>
         </v-card-text>
         <v-tabs v-model="tab">