From 2d7c34657751329fd7f3c33a147fd5569980d6f6 Mon Sep 17 00:00:00 2001
From: mae taylor <mae@mae.wtf>
Date: Mon, 14 Jul 2025 23:06:14 +0100
Subject: [PATCH] fix: add gap between folreqs

---
 src/routes/follow-requests/+page.svelte | 46 +++++++++++++++----------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/routes/follow-requests/+page.svelte b/src/routes/follow-requests/+page.svelte
index 75e1760..5ac2d9b 100644
--- a/src/routes/follow-requests/+page.svelte
+++ b/src/routes/follow-requests/+page.svelte
@@ -53,27 +53,29 @@
 <p class="request-zero">{lang.string('follow_requests.none')}</p>
 {/if}
 
-{#each $followRequests as req}
-    <div class="request">
-        <a href="/{$server.host}/@{req.fqn}" class="request-avatar-container" on:mouseup|stopPropagation>
-            <img src={req.avatar_url} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
-        </a>
-        <div class="info">
-            <div class="request-user-info">
-                <a href="/{$server.host}/@{req.fqn}" class="name">{@html req.rich_name}</a>
-                <span class="username">{req.mention}</span>
+<div class="requests-container">
+    {#each $followRequests as req}
+        <div class="request">
+            <a href="/{$server.host}/@{req.fqn}" class="request-avatar-container" on:mouseup|stopPropagation>
+                <img src={req.avatar_url} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
+            </a>
+            <div class="info">
+                <div class="request-user-info">
+                    <a href="/{$server.host}/@{req.fqn}" class="name">{@html req.rich_name}</a>
+                    <span class="username">{req.mention}</span>
+                </div>
+            </div>
+            <div class="request-options">
+                <Button filled title="Yes" on:click={() => acceptRequest(req.id)}>
+                    <TickIcon width="24px"/>
+                </Button>
+                <Button title="No" on:click={() => denyRequest(req.id)}>
+                    <CrossIcon width="24px"/>
+                </Button>
             </div>
         </div>
-        <div class="request-options">
-            <Button filled title="Yes" on:click={() => acceptRequest(req.id)}>
-                <TickIcon width="24px"/>
-            </Button>
-            <Button title="No" on:click={() => denyRequest(req.id)}>
-                <CrossIcon width="24px"/>
-            </Button>
-        </div>
-    </div>
-{/each}
+    {/each}
+</div>
 
 <style>
     .request {
@@ -141,4 +143,10 @@
         font-size: 0.95rem;
         text-align: center;
     }
+
+    .requests-container {
+        display: flex;
+        flex-direction: column;
+        gap: .5rem;
+    }
 </style>
\ No newline at end of file