From 6ad8d2daa9838615d7d1458732fe4ed77c8d4a46 Mon Sep 17 00:00:00 2001
From: Johannes Zillmann <jzillmann@googlemail.com>
Date: Sun, 18 Apr 2021 12:19:23 +0200
Subject: [PATCH] UI cosmetics

---
 ui/src/debug/ItemTable.svelte          | 4 +++-
 ui/src/debug/PageSelectionPopup.svelte | 5 +----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/ui/src/debug/ItemTable.svelte b/ui/src/debug/ItemTable.svelte
index f7f7cce..1e949d8 100644
--- a/ui/src/debug/ItemTable.svelte
+++ b/ui/src/debug/ItemTable.svelte
@@ -91,7 +91,9 @@
     </tbody>
 </table>
 
-{#if !$pagePinned}
+{#if $pagePinned}
+    <div class="mb-8" />
+{:else}
     {#if renderedMaxPage < pages.length}
         <span use:inView on:intersect={({ detail }) => detail && calculateNextPageToRenderTo()} />
         <div class="my-6 text-center text-2xl">...</div>
diff --git a/ui/src/debug/PageSelectionPopup.svelte b/ui/src/debug/PageSelectionPopup.svelte
index 39fcac4..6064db6 100644
--- a/ui/src/debug/PageSelectionPopup.svelte
+++ b/ui/src/debug/PageSelectionPopup.svelte
@@ -23,10 +23,7 @@
     }
 </script>
 
-<div
-    class="absolute mt-2 p-2 flex bg-gray-200 shadow-lg rounded-sm overflow-auto max-h-96"
-    style="max-width: {pageControl.totalPages * 45}px;"
-    transition:slide>
+<div class="absolute mt-2 p-2 flex bg-gray-200 shadow-lg rounded-sm overflow-auto max-h-96" transition:slide>
     <span class="mt-1 pr-2" on:click={$pagePinned && unpinPage}>
         <Collection size="1x" class={$pagePinned ? 'hover:text-select cursor-pointer' : 'opacity-50'} />
     </span>