From aad253014d64885eec1da9d8c675c9ec724d0ee0 Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Wed, 1 May 2019 02:01:49 +0200
Subject: [PATCH] style(preview screen): Refactor class

---
 src/assets/css/5-screens/preview.css | 10 ++++++++++
 src/assets/css/style.css             |  1 +
 src/views/screens/preview.vue        |  2 +-
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/css/5-screens/preview.css

diff --git a/src/assets/css/5-screens/preview.css b/src/assets/css/5-screens/preview.css
new file mode 100644
index 0000000..254be6d
--- /dev/null
+++ b/src/assets/css/5-screens/preview.css
@@ -0,0 +1,10 @@
+/* Preview screen
+-------------------------------------------------------------- */
+
+.previewPage {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  max-width: 100%;
+  text-align: center;
+}
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index ef87468..4385f22 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -42,6 +42,7 @@
 
 @import "/assets/css/5-screens/welcome.css";
 @import "/assets/css/5-screens/capture.css";
+@import "/assets/css/5-screens/preview.css";
 @import "/assets/css/5-screens/download.css";
 
 /* ----------------------------------------------------------- */
diff --git a/src/views/screens/preview.vue b/src/views/screens/preview.vue
index 9603ef0..0aadefd 100644
--- a/src/views/screens/preview.vue
+++ b/src/views/screens/preview.vue
@@ -1,6 +1,6 @@
 <template lang="html">
   <layout-default>
-    <div class="download">
+    <div class="previewPage">
       <capture-options :disabled-time="true" :disabled-timer="true" :back-btn="back"></capture-options>
 
       <div class="preview">