From b1b40826886c0bb0b08b0800de71ee9db061f191 Mon Sep 17 00:00:00 2001
From: Daniel Jackson <daniel@snilldesign.no>
Date: Mon, 7 Oct 2024 15:13:53 +0200
Subject: [PATCH] Style menu to be more harmonic on mobile

---
 app/views/layouts/menu/_menu.html.erb      | 2 +-
 app/views/layouts/menu/_menu_item.html.erb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/layouts/menu/_menu.html.erb b/app/views/layouts/menu/_menu.html.erb
index 18e459d4..af72fdea 100644
--- a/app/views/layouts/menu/_menu.html.erb
+++ b/app/views/layouts/menu/_menu.html.erb
@@ -7,7 +7,7 @@
       <div class="hidden md:block">
         <%= render partial: 'layouts/menu/logo' %>
       </div>
-        <div class="flex justify-around gap-1 md:gap-6 w-full md:w-auto">
+        <div class="grid grid-cols-5 md:flex items-start justify-around gap-2 md:gap-6 w-full md:w-auto">
           <%= render partial: 'layouts/menu/menu_item', locals: {
             path: spaces_path,
             icon: 'search',
diff --git a/app/views/layouts/menu/_menu_item.html.erb b/app/views/layouts/menu/_menu_item.html.erb
index d5d732cb..5e860fd5 100644
--- a/app/views/layouts/menu/_menu_item.html.erb
+++ b/app/views/layouts/menu/_menu_item.html.erb
@@ -7,7 +7,7 @@
 
 %>
 <span class="<%= active_path?(path) ? "text-gray-900" : "text-gray-600" %> flex justify-center text-center">
- <%= link_to path, class: "unstyled-link text-sm hover:text-lnu-pink inline-flex flex-col md:flex-row items-center justify-center gap-1.5 md:gap-2" do %>
+ <%= link_to path, class: "unstyled-link text-xs md:text-sm hover:text-lnu-pink inline-flex flex-col md:flex-row items-center justify-center gap-1.5 md:gap-2" do %>
   <%=
     inline_svg_tag icon, class: "inline-block w-7 h-7 md:w-6 md:h-6 #{active_path?(path) && "text-lnu-pink"}" %>
     <%= text %>