From 100e44a6c1caeadf91956cf418a2f1110578de3c Mon Sep 17 00:00:00 2001
From: David Polakovic <email@dpolakovic.space>
Date: Sun, 9 Nov 2025 12:53:45 +0100
Subject: [PATCH] updated nav bar for iPhones, updated rss.xml format

---
 Styles/styles.css | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/Styles/styles.css b/Styles/styles.css
index f10d9e9..ba191f0 100755
--- a/Styles/styles.css
+++ b/Styles/styles.css
@@ -94,6 +94,20 @@ display: block;
 display: block;
 color: white;
 text-align: center;
+text-decoration: none;
+cursor: pointer;
+}
+
+/* Hide the checkbox */
+.dropdown input[type="checkbox"] {
+display: none;
+}
+
+/* Style the label like the dropdown text */
+.dropdown label {
+display: block;
+color: white;
+text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 cursor: pointer;
@@ -108,6 +122,13 @@ z-index: 1;
 top: 100%;
 left: 0;
 border-radius: 0 0 10px 10px;
+list-style-type: none;
+padding: 0;
+}
+
+.dropdown-content li {
+float: none;
+width: 100%;
 }
 
 .dropdown-content a {
@@ -117,21 +138,22 @@ text-decoration: none;
 display: block;
 text-align: left;
 }
-
 .dropdown-content a:hover {
-
 }
-
 .dropdown-content a:last-child {
 border-radius: 0 0 10px 10px;
 }
 
-.dropdown:hover .dropdown-content {
+/* Show dropdown when checkbox is checked */
+.dropdown input[type="checkbox"]:checked ~ .dropdown-content {
 display: block;
 }
 
+/* Keep the hover functionality for desktop */
+.dropdown:hover .dropdown-content {
+display: block;
+}
 .dropdown:hover {
-
 }
 
 /*
-- 
2.30.2