From 5bee7db3d1271973b3fb33d2a1dd8a34fb20a1ec Mon Sep 17 00:00:00 2001
From: abrendan <94894839+abrendan@users.noreply.github.com>
Date: Mon, 29 Jan 2024 17:33:55 +0000
Subject: [PATCH] Cleaned code

---
 html/index.html | 13 +++++++------
 html/style.css  |  4 ++++
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/html/index.html b/html/index.html
index 30da14b..a66e829 100644
--- a/html/index.html
+++ b/html/index.html
@@ -39,13 +39,14 @@
         <input id = "ComposedMessage" class="input" type = "text">
         <input id = "SendMessage" onclick="Send()" value = "Send your message" class="button2" type = "submit">
       </div>
-      <button id="darkModeToggle" onclick="toggleDarkMode()" class="button">Toggle Dark Mode</button>
-      <p>Made by abrendan. Visit my website for more of my projects.</p>
-      <div id="LinkButtons">
-        <button id="GitHubButton" onclick=" window.open('https://github.com/abrendan/MicDropMessages','_blank')" class="button">GitHub Page for MicDropMessages</button>
-        <button id="WebsiteButton" onclick=" window.open('http://www.abrendan.dev','_blank')" class="button">abrendan.dev</button>
+      <div class = "other">
+        <button id="darkModeToggle" onclick="toggleDarkMode()" class="button">Toggle Dark Mode</button>
+        <p>Made by abrendan. Visit my website for more of my projects.</p>
+        <div id="LinkButtons">
+          <button id="GitHubButton" onclick=" window.open('https://github.com/abrendan/MicDropMessages','_blank')" class="button">GitHub Page for MicDropMessages</button>
+          <button id="WebsiteButton" onclick=" window.open('http://www.abrendan.dev','_blank')" class="button">abrendan.dev</button>
+        </div>
       </div>
-      <br><br>
       <p class="version-number">V2.0.1</p>
     </div>
   </body>
diff --git a/html/style.css b/html/style.css
index 77d3fb4..0e5fbfc 100644
--- a/html/style.css
+++ b/html/style.css
@@ -27,6 +27,10 @@ input{
 .Message{
   color: #000000;
 }
+.other {
+  width: 100%; /* Set width */
+  text-align: center; /* Center inline and inline-block elements within */
+}
 #Logo{
   height: 80px;
 }