From 8f6697b00b21b37b42ea5f70c453f3c6715ae5af Mon Sep 17 00:00:00 2001
From: abrendan <94894839+abrendan@users.noreply.github.com>
Date: Thu, 4 Jan 2024 22:22:21 +0000
Subject: [PATCH] Made the buttons center when opened on a phone

---
 html/style.css | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/html/style.css b/html/style.css
index 49351ab..3b45bcd 100644
--- a/html/style.css
+++ b/html/style.css
@@ -39,7 +39,6 @@ input{
   align-items: center; /* Centering child elements horizontally */
 }
 #Title{
-  font-family: 'Segoe UI';
   font-size: 300%;
 }
 #LinkButtons{
@@ -111,9 +110,23 @@ body.dark-mode .input {
   #Main {
     width: 100%; /* Full width on narrow screens */
   }
-  .container, .content, body {
-    padding-left: 20px; /* Increase the left padding */
-    padding-right: 20px; /* Increase the right padding */
+}
+@media (max-width: 650px) {
+  #Title {
+    font-size: 150%;
+  }
+  #ConnectButton, 
+  #WebsiteButton {
+    display: block;
+    margin: 0 auto;
+  }
+  #LinkButtons {
+    text-align: center;
+  }
+  #SendMessage {
+    display: block;
+    margin: 0 auto;
+    margin-bottom: 20px;
+    margin-top: 10px;
   }
 }
-