From 8c17cd5f6291d3cb23e7143908b6ce2c6b2b5e20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonathan=20Beli=C3=ABn?= <dev@jbelien.be>
Date: Sun, 24 Sep 2023 15:12:27 +0200
Subject: [PATCH] Make accommodation discount info visible on mobile

Close #113
---
 src/components/Accommodations.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Accommodations.jsx b/src/components/Accommodations.jsx
index 4b90e90..67ab648 100644
--- a/src/components/Accommodations.jsx
+++ b/src/components/Accommodations.jsx
@@ -55,7 +55,7 @@ export function Accommodations({ id }) {
             {accommodations.map((accommodation) => (
               <li
                 key={accommodation.name}
-                className="flex justify-between py-5"
+                className="flex flex-col justify-between py-5 sm:flex-row"
               >
                 <div className="pr-6 sm:w-1/2 sm:flex-none">
                   <Link
@@ -79,7 +79,7 @@ export function Accommodations({ id }) {
                   </p>
                 </div>
                 <div className="flex items-center justify-between gap-x-4 sm:w-1/2 sm:flex-none">
-                  <div className="hidden sm:block">
+                  <div>
                     <p className="leading-6">Discount:</p>
                     <p className="mt-1 whitespace-pre-line leading-5">
                       {accommodation.discount}