From c8adb3e3f504292f298297c2ece5a7792ee887b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Sat, 20 Sep 2025 17:14:41 +0200
Subject: [PATCH] Minor misc fixes for mobile

---
 assets/styles/utilities.css                           | 2 +-
 templates/components/Organisms/MagazineHero.html.twig | 2 +-
 templates/layout.html.twig                            | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/styles/utilities.css b/assets/styles/utilities.css
index b517a6f..8ef8f49 100644
--- a/assets/styles/utilities.css
+++ b/assets/styles/utilities.css
@@ -15,7 +15,7 @@
 .d-block{display:block!important}
 .gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}
 
-.flex-row{flex-direction:row}
+.flex-row{flex-direction:row} .flex-wrap{flex-wrap: wrap}
 .justify-content-between{justify-content:space-between!important}
 .justify-content-center{justify-content:center!important}
 .align-items-center{align-items:center!important}
diff --git a/templates/components/Organisms/MagazineHero.html.twig b/templates/components/Organisms/MagazineHero.html.twig
index a1f5d38..072c804 100644
--- a/templates/components/Organisms/MagazineHero.html.twig
+++ b/templates/components/Organisms/MagazineHero.html.twig
@@ -10,7 +10,7 @@
         <div class="container mb-5">
             {# Use computed property via this.categoryTags #}
             {% if this.categoryTags is not empty %}
-                <ul class="list-unstyled d-flex flex-row gap-3 justify-content-center mt-3">
+                <ul class="list-unstyled d-flex flex-row flex-wrap gap-3 justify-content-center mt-3">
                     {% for catTag in this.categoryTags %}
                         <li class="list-inline-item"><twig:Molecules:CategoryLink :coordinate="catTag" :mag="mag" /></li>
                     {% endfor %}
diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index a60e0e5..0fbb231 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -24,8 +24,8 @@
         </div>
         <main>
             <div class="mobile-toggles">
-                <button class="toggle" aria-controls="leftNav" aria-expanded="false" data-action="click->sidebar-toggle#toggle">☰ Left</button>
-                <button class="toggle" aria-controls="rightNav" aria-expanded="false" data-action="click->sidebar-toggle#toggle">Right ☰</button>
+                <button class="toggle" aria-controls="leftNav" aria-expanded="false" data-action="click->sidebar-toggle#toggle">☰</button>
+{#                <button class="toggle" aria-controls="rightNav" aria-expanded="false" data-action="click->sidebar-toggle#toggle">Right ☰</button>#}
             </div>
             {% block body %}{% endblock %}
         </main>