From b6964450dade06c4da6c62d8fb8d2b0656900d2b Mon Sep 17 00:00:00 2001
From: Naomi Eliasar <naomi@omnimap.nl>
Date: Thu, 1 Aug 2024 15:44:46 +0200
Subject: [PATCH] make nav buttons smaller on mobile screens #37

---
 src/brazil_blog/static/css/brazil_blog_compiled.css | 5 +++++
 src/brazil_blog/templates/includes/header.html      | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/brazil_blog/static/css/brazil_blog_compiled.css b/src/brazil_blog/static/css/brazil_blog_compiled.css
index e74d481..e6cd3cf 100644
--- a/src/brazil_blog/static/css/brazil_blog_compiled.css
+++ b/src/brazil_blog/static/css/brazil_blog_compiled.css
@@ -2289,6 +2289,11 @@ select {
   .md\:items-end {
     align-items: flex-end;
   }
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
 }
 
 @media (min-width: 1024px) {
diff --git a/src/brazil_blog/templates/includes/header.html b/src/brazil_blog/templates/includes/header.html
index fae33c6..30cd2d7 100644
--- a/src/brazil_blog/templates/includes/header.html
+++ b/src/brazil_blog/templates/includes/header.html
@@ -19,7 +19,7 @@ <h1 class="text-3xl font-bold">{{ site_name }}</h1>
             {% for menuitem in site_root.get_children.live.in_menu %}
             <li>
                 <a href="{% pageurl menuitem %}" class="text-white hover:text-blue-800 transition-colors">
-                    {{ menuitem.title }}
+                    <span class="text-sm md:text-base"> {{ menuitem.title }} </span>
                 </a>
             </li>
             {% endfor %}