From 294826de8fc738030d2dc4198bf2e9c41652e8d8 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Tue, 29 Oct 2024 15:11:58 +0000
Subject: [PATCH] User vertical layout for SidebarSectionComponent on narrow
 screens

---
 .../sidebar_section_component.html.erb                      | 6 +++---
 1 file changed, 3 insertions(+), 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
index 7c493d4..71d7ddc 100644
--- 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>