From a57db8f58c305a8893c3f0ccdc39a3cfd8ea2021 Mon Sep 17 00:00:00 2001
From: "[dyad]" <s.coetzee6@my.milpark.ac.za>
Date: Sun, 21 Sep 2025 22:06:27 +0200
Subject: [PATCH] [dyad] Improving mobile responsiveness of Reports view -
 wrote 2 file(s)

---
 src/pages/Reports.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Reports.tsx b/src/pages/Reports.tsx
index d552a79..74d58d2 100644
--- a/src/pages/Reports.tsx
+++ b/src/pages/Reports.tsx
@@ -106,7 +106,7 @@ const Reports = () => {
         </div>
       </div>
 
-      <div className="mb-4 flex items-end space-x-2">
+      <div className="mb-4 flex flex-col sm:flex-row items-start sm:items-end space-y-2 sm:space-x-2 sm:space-y-0">
         <div className="flex-1">
           <label htmlFor="billing-company-select" className="block text-sm font-medium text-gray-700 mb-1">
             Select Billing Company