From 1eef547eb141b33757fdf1897a973dec6f49eef0 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 19 Sep 2024 02:25:44 +1200
Subject: [PATCH] fix overflow padding

---
 .../PropagationNodesPage.vue                  | 54 ++++++++++---------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/src/frontend/components/propagation-nodes/PropagationNodesPage.vue b/src/frontend/components/propagation-nodes/PropagationNodesPage.vue
index 7ab5d86..42191e7 100644
--- a/src/frontend/components/propagation-nodes/PropagationNodesPage.vue
+++ b/src/frontend/components/propagation-nodes/PropagationNodesPage.vue
@@ -7,7 +7,7 @@
         </div>
 
         <!-- propagation nodes -->
-        <div class="flex h-full overflow-y-auto">
+        <div class="h-full overflow-y-auto">
             <div v-if="searchedPropagationNodes.length > 0" class="p-2 space-y-2 w-full">
                 <div v-for="propagationNode of searchedPropagationNodes" class="border rounded bg-white shadow">
                     <div class="p-1 flex">
@@ -34,35 +34,37 @@
                     </div>
                 </div>
             </div>
-            <div v-else class="mx-auto my-auto text-center leading-5">
+            <div v-else class="flex h-full">
+                <div class="mx-auto my-auto text-center leading-5">
 
-                <!-- no propagation nodes at all -->
-                <div v-if="propagationNodes.length === 0" class="flex flex-col">
-                    <div class="mx-auto mb-1">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 0 0-2.15-1.588H6.911a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661Z" />
-                        </svg>
+                    <!-- no propagation nodes at all -->
+                    <div v-if="propagationNodes.length === 0" class="flex flex-col">
+                        <div class="mx-auto mb-1">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 0 0-2.15-1.588H6.911a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661Z" />
+                            </svg>
+                        </div>
+                        <div class="font-semibold">No Propagation Nodes</div>
+                        <div>Check back later, once someone has announced.</div>
+                        <div class="mt-2">
+                            <button @click="loadPropagationNodes" type="button" class="my-auto inline-flex items-center gap-x-1 rounded-md bg-gray-500 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-gray-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500">
+                                Reload
+                            </button>
+                        </div>
                     </div>
-                    <div class="font-semibold">No Propagation Nodes</div>
-                    <div>Check back later, once someone has announced.</div>
-                    <div class="mt-2">
-                        <button @click="loadPropagationNodes" type="button" class="my-auto inline-flex items-center gap-x-1 rounded-md bg-gray-500 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-gray-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500">
-                            Reload
-                        </button>
+
+                    <!-- is searching, but no results -->
+                    <div v-if="searchTerm !== '' && propagationNodes.length > 0" class="flex flex-col">
+                        <div class="mx-auto mb-1">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+                            </svg>
+                        </div>
+                        <div class="font-semibold">No Search Results</div>
+                        <div>Your search didn't match any Propagation Nodes!</div>
                     </div>
+
                 </div>
-
-                <!-- is searching, but no results -->
-                <div v-if="searchTerm !== '' && propagationNodes.length > 0" class="flex flex-col">
-                    <div class="mx-auto mb-1">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
-                        </svg>
-                    </div>
-                    <div class="font-semibold">No Search Results</div>
-                    <div>Your search didn't match any Propagation Nodes!</div>
-                </div>
-
             </div>
         </div>