From 3d9e83ff86da7786468c01660f3b46249da7bf35 Mon Sep 17 00:00:00 2001
From: Callum Chard <110359678+CallumCha@users.noreply.github.com>
Date: Tue, 30 Jul 2024 23:00:53 +0100
Subject: [PATCH 1/2] Update style.css

Added line 119 this fixes the issue where the text is close to overlapping the volume bar on mobile.
---
 web/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/style.css b/web/style.css
index 6698108..b6b6374 100644
--- a/web/style.css
+++ b/web/style.css
@@ -116,6 +116,7 @@ a {
   right: 0;
   z-index: -10;
   display: flex;
+  gap: 16px;
   flex-direction: row;
   justify-content: space-between;
   padding: 2rem;
-- 
2.49.1


From 65af3ecd53ec56b14d2c0d64ffaa522856a4f55b Mon Sep 17 00:00:00 2001
From: Callum Chard <110359678+CallumCha@users.noreply.github.com>
Date: Tue, 30 Jul 2024 23:15:32 +0100
Subject: [PATCH 2/2] Update style.css

---
 web/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/style.css b/web/style.css
index b6b6374..812f484 100644
--- a/web/style.css
+++ b/web/style.css
@@ -116,7 +116,6 @@ a {
   right: 0;
   z-index: -10;
   display: flex;
-  gap: 16px;
   flex-direction: row;
   justify-content: space-between;
   padding: 2rem;
@@ -127,6 +126,7 @@ a {
 .status-bar > #listener-count {
   margin: 0;
   opacity: 0.8;
+  padding-right: 1rem;
 }
 
 .header {
-- 
2.49.1