From 1100b3d18509bd6d2b2e57f582b81803ad197b0c Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Wed, 22 Jul 2020 14:36:05 -0400
Subject: [PATCH] UX: fix spacing of composer preview on mobile

Followup to 723d7e3a
---
 app/assets/stylesheets/mobile/compose.scss | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/mobile/compose.scss b/app/assets/stylesheets/mobile/compose.scss
index 76d2634505e..21e6c067edf 100644
--- a/app/assets/stylesheets/mobile/compose.scss
+++ b/app/assets/stylesheets/mobile/compose.scss
@@ -122,9 +122,13 @@
   }
 
   &.show-preview {
-    .submit-panel .save-or-cancel {
+    .submit-panel {
+      padding-top: 10px;
       z-index: z("fullscreen") + 1;
-      .cancel {
+      background-color: $secondary;
+      .cancel,
+      .mobile-file-upload,
+      .mobile-preview {
         display: none;
       }
     }
@@ -145,12 +149,6 @@
         margin-bottom: 40px;
       }
     }
-    .btn.hide-preview {
-      position: fixed;
-      right: 5px;
-      bottom: 5px;
-      z-index: z("fullscreen") + 1;
-    }
   }
 
   &.hide-preview {