From a92ddee5f1a44a4362a6183e88b18c0b9f63dfed Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Wed, 18 Dec 2024 12:37:28 +1000
Subject: [PATCH] [frontend/components] Move note preview below compose footer

---
 Iceshrimp.Frontend/Components/Compose.razor   | 26 +++++++++----------
 .../Components/Compose.razor.css              |  2 +-
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/Compose.razor b/Iceshrimp.Frontend/Components/Compose.razor
index 2528d431..052cfff7 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor
+++ b/Iceshrimp.Frontend/Components/Compose.razor
@@ -52,19 +52,6 @@
         }
         <textarea @ref="Textarea" @bind="NoteDraft.Text" @bind:event="oninput" class="textarea" placeholder="@TextPlaceholder" rows="5"
                   cols="35" autofocus="autofocus" aria-label="note text"></textarea>
-        @if (Preview)
-        {
-            <div class="preview">
-                @if (string.IsNullOrWhiteSpace(NoteDraft.Text))
-                {
-                    <span>@Loc["Nothing to preview"]</span>
-                }
-                else
-                {
-                    <MfmText Text="@NoteDraft.Text" Emoji="EmojiList"/>
-                }
-            </div>
-        }
         <div class="footer">
             <div class="buttons">
                 <button class="btn" title="@Loc["Upload file"]" @onclick="OpenUpload" aria-label="upload">
@@ -88,6 +75,19 @@
                 </button>
             </div>
         </div>
+        @if (Preview)
+        {
+            <div class="preview">
+                @if (string.IsNullOrWhiteSpace(NoteDraft.Text))
+                {
+                    <span>@Loc["Nothing to preview"]</span>
+                }
+                else
+                {
+                    <MfmText Text="@NoteDraft.Text" Emoji="EmojiList"/>
+                }
+            </div>
+        }
         <div @onclick="CloseDialog" class="backdrop"></div>
     </div>
 </dialog>
diff --git a/Iceshrimp.Frontend/Components/Compose.razor.css b/Iceshrimp.Frontend/Components/Compose.razor.css
index a0b22be0..81d5c572 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor.css
+++ b/Iceshrimp.Frontend/Components/Compose.razor.css
@@ -10,7 +10,7 @@
 }
 
 .compose .preview {
-    margin: 1rem 0.5em 0.5rem;
+    margin: 0.5rem 0.5em 0;
     width: 100%;
     overflow: hidden;
 }