From 588b60f4bb7c30bbbeb68e1dc3e601c61b54393b Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 17 Oct 2024 12:56:02 -0700
Subject: [PATCH] tweak breakpoints, add icon attribution

---
 src/app/components/PrimaryNav.svelte   |  4 ++--
 src/lib/components/SecondaryNav.svelte |  2 +-
 src/routes/settings/about/+page.svelte | 19 ++++++++++++-------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/app/components/PrimaryNav.svelte b/src/app/components/PrimaryNav.svelte
index 954026f1..6122c45c 100644
--- a/src/app/components/PrimaryNav.svelte
+++ b/src/app/components/PrimaryNav.svelte
@@ -21,7 +21,7 @@
   const showSettingsMenu = () => pushModal(MenuSettings)
 </script>
 
-<div class="relative hidden w-14 flex-shrink-0 bg-base-100 pt-4 sm:block">
+<div class="relative hidden w-14 flex-shrink-0 bg-base-100 pt-4 md:block">
   <div class="flex h-full flex-col justify-between">
     <div>
       <PrimaryNavItem href="/home/people" class="tooltip-right">
@@ -52,7 +52,7 @@
 
 <slot />
 
-<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 sm:hidden">
+<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 md:hidden">
   <div class="m-auto flex max-w-sm justify-between px-2">
     <PrimaryNavItem title="Home" on:click={showHomeMenu}>
       <Avatar icon="home-smile" class="!h-10 !w-10" />
diff --git a/src/lib/components/SecondaryNav.svelte b/src/lib/components/SecondaryNav.svelte
index f1f93697..ad601f5a 100644
--- a/src/lib/components/SecondaryNav.svelte
+++ b/src/lib/components/SecondaryNav.svelte
@@ -1,3 +1,3 @@
-<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 sm:flex">
+<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 md:flex">
   <slot />
 </div>
diff --git a/src/routes/settings/about/+page.svelte b/src/routes/settings/about/+page.svelte
index 126ac12e..237acf8b 100644
--- a/src/routes/settings/about/+page.svelte
+++ b/src/routes/settings/about/+page.svelte
@@ -24,7 +24,7 @@
         </div>
         <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
           <h3 class="text-2xl sm:h-12">Get in touch</h3>
-          <p class="sm:h-16">Having problems? Let us know by.</p>
+          <p class="sm:h-16">Having problems? Let us know.</p>
           <Link
             class="btn btn-primary"
             href="/home/97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322">
@@ -33,12 +33,17 @@
         </div>
       </div>
       <div class="flex flex-col gap-4">
-        <p class="text-center">
-          Built with 💜 by
-          <span class="text-primary">
-            @<Button on:click={openProfile} class="link">hodlbod</Button>
-          </span>
-        </p>
+        <div class="col-2 items-center text-center">
+          <p class="text-sm">
+            Built with 💜 by
+            <span class="text-primary">
+              @<Button on:click={openProfile} class="link">hodlbod</Button>
+            </span>
+          </p>
+          <p class="text-xs">
+            Icons by <Link external class="link" href="https://www.figma.com/community/file/1166831539721848736">480 Design</Link>
+          </p>
+        </div>
         <div class="flex justify-center gap-4">
           <div class="tooltip" data-tip="Source Code">
             <Link external href="https://github.com/coracle-social/flotilla">