From e6ab3f2d0908ff46b7026635afad99fad901cea0 Mon Sep 17 00:00:00 2001
From: jordi fita mas <jordi@tandem.blog>
Date: Fri, 26 Jan 2024 22:57:22 +0100
Subject: [PATCH] Change campsite info row to columns on small screens

---
 web/static/public.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/static/public.css b/web/static/public.css
index 8b4afb0..2e31b99 100644
--- a/web/static/public.css
+++ b/web/static/public.css
@@ -725,10 +725,14 @@ dt {
         gap: 5rem;
     }
 
-    .outside_activities article, .outside_activities > ul > li:nth-child(2n) article {
+    .outside_activities article, .outside_activities > ul > li:nth-child(2n) article, .campsite_info {
         flex-direction: column;
         gap: 1rem;
     }
+    
+    .campsite_info > * {
+        flex: auto;
+    }
 
     .outside_activities article > div, .outside_activities article > img {
         width: 100%;