User vertical layout for SidebarSectionComponent on narrow screens

freerange · Oct 29, 2024 · 294826d · 294826d
1 parent e8d48bd
commit 294826d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/components/sidebar_section_component/sidebar_section_component.html.erb b/app/components/sidebar_section_component/sidebar_section_component.html.erb
@@ -1,8 +1,8 @@
-<section class="flex flex-row py-6">
-  <div class="basis-1/4">
+<section class="flex flex-col md:flex-row py-6">
+  <div class="md:basis-1/4 mb-3 md:mb-0">
     <h2 class="text-lg font-bold"><%= @title %></h2>
   </div>
-  <div class="basis-3/4">
+  <div class="md:basis-3/4">
     <%= content %>
   </div>
 </section>