From f64cc107727283574fc32b2bfccd642b41990d85 Mon Sep 17 00:00:00 2001
From: "fred.boniface" <fred@fjla.uk>
Date: Wed, 21 Sep 2022 20:32:45 +0100
Subject: [PATCH] Potential fix for #23

---
 styles/style.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/styles/style.css b/styles/style.css
index a4d37e4..4dfa45b 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -134,11 +134,12 @@ body {
 }
 
 .menuitem {
+  display: inline-block;
+  width: 100%;
   background-color: #2256aa;
   text-decoration: none;
   color: #f6f5f4;
   border: none;
-  border-radius: 18px;
   font-size: 16px;
   font-weight: bold;
   padding: 3px;
@@ -149,6 +150,16 @@ body {
   cursor: pointer;
 }
 
+@media only screen and (min-width: 600px) {
+  .menuitem {
+    min-width: 10%;
+    max-width: 40%;
+    margin: auto;
+    border-radius: 18px;
+    font-size: 20px;    
+  }
+}
+
 .menuitem:hover {
   background-color: #112b55;
 }