From b9222f758cf39cb0ef6d0080c9fad89c1cb2c4e5 Mon Sep 17 00:00:00 2001
From: Yurij Mikhalevich <yurij@mikhalevi.ch>
Date: Sat, 9 Nov 2024 13:37:56 +0400
Subject: [PATCH] fix(Header): improve padding and logo alignment

---
 components/GlobalHeader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/GlobalHeader.vue b/components/GlobalHeader.vue
index 1972ffb..27ab44e 100644
--- a/components/GlobalHeader.vue
+++ b/components/GlobalHeader.vue
@@ -21,7 +21,7 @@ const onCloseAboutModal = () => {
 </script>
 
 <template>
-  <header class="p-4 flex flex-row items-center justify-between">
+  <header class="px-4 py-2 flex flex-row items-center justify-between h-18">
     <div class="flex flex-row items-center gap-3 text-slate-900 text-3xl font-['Retropix']">
       <a href="/">
         <img
@@ -30,7 +30,7 @@ const onCloseAboutModal = () => {
           width="42px"
         >
       </a>
-      <div class="flex flex-row items-center gap-2 mt-[4px]">
+      <div class="flex flex-row items-center gap-2 mt-[8px]">
         <h2 v-if="subtitle">
           {{ subtitle }}
         </h2>