From 268dac069a52db18c92391ab3ea401ded1fc2eed Mon Sep 17 00:00:00 2001
From: cthorne <christhorn3@gmail.com>
Date: Sat, 4 Jan 2025 21:41:29 +1000
Subject: [PATCH] Fix overflow for mobile, add spacing between buttons (#32)

Fix mobile being unable to scroll across to the buttons
Retain overflow-hidden when collapsed to hide content

Changing of CSS removes extra margin-bottom: rem padding incidentally
---
 static/css/styles.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index e197d99..3289147 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -133,6 +133,7 @@ tbody tr:hover {
     font-size: 1rem;
     transition: background-color 0.3s ease;
     width: 100%;
+    margin-bottom: 0.25rem;
 }
 
 .details-button:hover {
@@ -165,11 +166,11 @@ tbody tr:hover {
 
 .results-content {
     transition: max-height 0.3s ease;
-    overflow: hidden;
 }
 
 .collapsed .results-content {
     max-height: 0;
+    overflow: hidden;
 }
 
 /* Loading Indicator */