menu margins

irislib · Jul 26, 2023 · 4aa3488 · 4aa3488
1 parent 1109adb
commit 4aa3488
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/js/components/Menu.tsx b/src/js/components/Menu.tsx
@@ -141,21 +141,21 @@ export default function Menu() {
   };
 
   return (
-    <div className="sticky top-0 z-20 h-screen max-h-screen hidden md:w-16 xl:w-56 flex-col px-2 py-4 md:flex flex-shrink-0">
+    <div className="sticky top-0 z-20 h-screen max-h-screen hidden md:flex xl:w-56 flex-col px-2 py-4 flex-shrink-0">
       <a
         className="flex items-center gap-3 px-2 mb-4"
         tabIndex={3}
         href="/"
         onClick={(e) => menuLinkClicked(e, undefined, true)}
       >
         {isStPatricksDay ? (
-          <span className="text-3xl">🇮🇪</span>
+          <span className="text-3xl">☘️</span>
         ) : (
           <img src="/img/icon128.png" width="30" height="30" />
         )}
         <h1 className="hidden xl:flex text-3xl">iris{isStPatricksDay ? 'h' : ''}</h1>
       </a>
-      {MENU_ITEMS.map((a: any) => renderMenuItem(a))}
+      <div className="flex flex-col gap-2">{MENU_ITEMS.map((a: any) => renderMenuItem(a))}</div>
       <div class="py-2 flex-1">
         <button
           className="btn btn-primary md:max-xl:btn-circle"