From 1db0108425c57ccb2030a5e37f3049f6fdc43d5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Tue, 28 Jan 2025 13:00:07 -0600
Subject: [PATCH] Make all icon buttons square

---
 src/components/Header.svelte | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index aa071bd39..ce2b2ba7c 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -51,26 +51,29 @@
 <div class="header global-flex">
   <div class="wrapper">
     <div class="top-row">
-      <div class="global-flex" style:gap="0">
+      <div class="global-flex" style:gap="0.25rem">
         <NakedButton
           variant="ghost"
           onclick={() => {
             void router.push({ resource: "home" });
-          }}>
+          }}
+          stylePadding="0 4px">
           <Avatar {publicKey} />
         </NakedButton>
         <NakedButton
           variant="ghost"
           onclick={() => {
             window.history.back();
-          }}>
+          }}
+          stylePadding="0 4px">
           <Icon name="arrow-left" />
         </NakedButton>
         <NakedButton
           variant="ghost"
           onclick={() => {
             window.history.forward();
-          }}>
+          }}
+          stylePadding="0 4px">
           <Icon name="arrow-right" />
         </NakedButton>
       </div>