chore: fix preview layout

src/components/Preview.vue

@@ -100,6 +100,23 @@
         style="opacity: 0"
       />
     </div>
+    <div class="preview__footer">
+      <div class="preview__footer-inner">
+        <donate />
+        <div class="version">
+          <span><a href="mailto:reshetov.art@gmail.com">contact us</a></span>
+          <span>v{{ version }}</span>
+          <span>
+            <a
+              href="https://github.com/antonreshetov/mysigmail"
+              target="_blank"
+            >
+              <github-icon />
+            </a>
+          </span>
+        </div>
+      </div>
+    </div>
     <el-dialog
       title="Your email signature"
       :visible.sync="showSource"
@@ -122,24 +139,6 @@
         >Copy</el-button>
       </div>
     </el-dialog>
-    <div
-      v-if="true"
-      class="preview__footer"
-    >
-      <donate />
-      <div class="version">
-        <span><a href="mailto:reshetov.art@gmail.com">contact us</a></span>
-        <span>v{{ version }}</span>
-        <span>
-          <a
-            href="https://github.com/antonreshetov/mysigmail"
-            target="_blank"
-          >
-            <github-icon />
-          </a>
-        </span>
-      </div>
-    </div>
     <success-promo :show.sync="showSuccessPromo" />
   </div>
 </template>
@@ -235,9 +234,10 @@ export default {
 <style lang="scss">
 @import "../assets/scss/variables.scss";
 
+$padding-inner: 40px 50px 20px 50px;
+
 .preview {
   background-color: #f6f6f6;
-  padding: 40px 50px 20px 50px;
   overflow-y: auto;
   display: grid;
   grid-template-rows: 1fr 50px;
@@ -246,11 +246,15 @@ export default {
   }
   &__inner {
     max-width: 900px;
+    padding: $padding-inner;
   }
   &__footer {
     max-width: 900px;
     text-align: right;
     align-self: flex-end;
+    &-inner {
+      padding: $padding-inner;
+    }
   }
   h2 {
     line-height: 0;