From 8265ff2dc4770d819bae267c0d307cc464b27b14 Mon Sep 17 00:00:00 2001
From: Niko PLP <niko@nextgraph.org>
Date: Sun, 1 Oct 2023 22:46:20 +0300
Subject: [PATCH] fix mobile homepage header

---
 ng-app/src/lib/FullLayout.svelte          | 8 +++++++-
 ng-app/src/lib/Home.svelte                | 4 ++--
 ng-app/src/lib/MobileBottomBarItem.svelte | 1 +
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/ng-app/src/lib/FullLayout.svelte b/ng-app/src/lib/FullLayout.svelte
index 112cf7a..08ac5bc 100644
--- a/ng-app/src/lib/FullLayout.svelte
+++ b/ng-app/src/lib/FullLayout.svelte
@@ -70,7 +70,13 @@
       <slot />
     </main>
     <MobileBottomBar {activeUrl}>
-      <MobileBottomBarItem href="#/" icon={Home} on:click={scrollToTop} />
+      <MobileBottomBarItem href="#/" icon={Home} on:click={scrollToTop}>
+        <span
+          class="inline-flex justify-center items-center p-3 mt-1 -ml-2 w-3 h-3 text-sm font-medium text-primary-600 bg-primary-200 rounded-full dark:bg-primary-900 dark:text-primary-200"
+        >
+          13
+        </span>
+      </MobileBottomBarItem>
       <MobileBottomBarItem href="#/stream" icon={Bolt} on:click={scrollToTop} />
       <MobileBottomBarItem
         href="#/search"
diff --git a/ng-app/src/lib/Home.svelte b/ng-app/src/lib/Home.svelte
index 37ac11a..b020997 100644
--- a/ng-app/src/lib/Home.svelte
+++ b/ng-app/src/lib/Home.svelte
@@ -46,11 +46,11 @@
             <LogoGray class="w-7 h-7 tall:w-10 tall:h-10" />
           {/if}
           <span
-            class="ml-4 self-center text-base font-normal text-gray-900 rounded-lg dark:text-white whitespace-nowrap"
+            class="ml-4 self-center text-lg font-normal text-gray-900 rounded-lg dark:text-white whitespace-nowrap"
             >NextGraph</span
           >
         </a>
-        <div class="w-auto flex flex-col">
+        <div class="w-auto flex row">
           <a href="#/messages" class="row items-center" on:click>
             <PaperAirplane
               tabindex="-1"
diff --git a/ng-app/src/lib/MobileBottomBarItem.svelte b/ng-app/src/lib/MobileBottomBarItem.svelte
index a9bc938..979a834 100644
--- a/ng-app/src/lib/MobileBottomBarItem.svelte
+++ b/ng-app/src/lib/MobileBottomBarItem.svelte
@@ -26,4 +26,5 @@
     class="w-7 h-7 text-black transition duration-75 dark:text-white group-hover:text-gray-900 dark:group-hover:text-white focus:outline-none"
     {icon}
   />
+  <slot />
 </a>