Minor misc fixes for mobile

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}

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 %}

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="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>
+{#                <button class="toggle" aria-controls="rightNav" aria-expanded="false" data-action="click->sidebar-toggle#toggle">Right ☰</button>#}
             </div>
             {% block body %}{% endblock %}
         </main>