From 465d0b4c8b2c02f9dc06fe7766cac44602c35c9e Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Sun, 15 Dec 2024 12:28:42 +1000
Subject: [PATCH] [frontend/components] Vertically align file attachments

---
 .../Components/AttachmentComponent.razor           | 14 ++++++++------
 .../Components/AttachmentComponent.razor.css       |  5 +++--
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/AttachmentComponent.razor b/Iceshrimp.Frontend/Components/AttachmentComponent.razor
index b007f65e..0d9712ef 100644
--- a/Iceshrimp.Frontend/Components/AttachmentComponent.razor
+++ b/Iceshrimp.Frontend/Components/AttachmentComponent.razor
@@ -27,12 +27,14 @@
     }
     else
     {
-        <span class="attachment file @(BlurImage ? "blur-image" : "")">
-            <Icon Name="Icons.FileArrowDown" Size="3em"/>
-            <a href="@Attachment.Url" target="_blank">
-                @Attachment.Url.Split("/").Last()
-            </a>
-        </span>
+        <div class="attachment file @(BlurImage ? "blur-image" : "")">
+            <div class="contents">
+                <Icon Name="Icons.FileArrowDown" Size="3em"/>
+                <a href="@Attachment.Url" target="_blank">
+                    @Attachment.Url.Split("/").Last()
+                </a>
+            </div>
+        </div>
     }
 
     @if (!string.IsNullOrWhiteSpace(Attachment.AltText))
diff --git a/Iceshrimp.Frontend/Components/AttachmentComponent.razor.css b/Iceshrimp.Frontend/Components/AttachmentComponent.razor.css
index 638d232d..e560a545 100644
--- a/Iceshrimp.Frontend/Components/AttachmentComponent.razor.css
+++ b/Iceshrimp.Frontend/Components/AttachmentComponent.razor.css
@@ -26,11 +26,12 @@ audio.attachment {
 }
 
 .file {
-    display: block;
+    display: flex;
+    align-items: center;
     padding: 1rem;
     white-space: normal;
 
-    > a {
+    a {
         text-decoration: none;
         color: var(--notice-color);
         word-break: break-word;