From 3d0042015a05a0b031349b73dcbb76f09395cf6a Mon Sep 17 00:00:00 2001
From: David Reed <reedswork@proton.me>
Date: Tue, 20 Jun 2023 22:52:07 +0300
Subject: [PATCH] rework the footer

---
 public/index.css  | 13 ++++++++++---
 public/index.html | 49 +++++++++++++++++++++++------------------------
 2 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/public/index.css b/public/index.css
index d3302d1..8b6d905 100644
--- a/public/index.css
+++ b/public/index.css
@@ -74,13 +74,20 @@ body {
 }
 
 footer {
+  margin: 0 5vw;
   margin-top: auto;
-  width: 93%;
-  align-self: center;
-  height: 80px;
+  display: flex;
+  flex-direction: column;
+  line-height: 30px;
+  margin-bottom: 20px;
+}
+
+footer > div {
   display: flex;
   justify-content: left;
   align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 15px;
 }
 
 footer a,
diff --git a/public/index.html b/public/index.html
index 2e6c754..b6f133d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -90,31 +90,30 @@
       <pre id="uv-error-code"></pre>
     </div>
     <footer>
-      <a
-        title="The TitaniumNetwork GitHub organization"
-        href="https://github.com/titaniumnetwork-dev"
-        >TitaniumNetwork</a
-      >
-      <a title="The TitaniumNetwork Discord" href="https://discord.gg/unblock"
-        >Discord</a
-      >
-      <a
-        title="The TompHTTP GitHub organization"
-        href="https://github.com/tomphttp"
-        >TompHTTP</a
-      >
-      <a
-        title="The official deployment repository for Ultraviolet"
-        href="https://github.com/titaniumnetwork-dev/Ultraviolet-App"
-        >GitHub</a
-      >
-      <a
-        title="License information"
-        href="credits.html"
-        style="margin-left: auto"
-        >Credits</a
-      >
-      <span>Ultraviolet &copy; TN 2023</span>
+      <div>
+        <a
+          title="The TitaniumNetwork GitHub organization"
+          href="https://github.com/titaniumnetwork-dev"
+          >TitaniumNetwork</a
+        >
+        <a title="The TitaniumNetwork Discord" href="https://discord.gg/unblock"
+          >Discord</a
+        >
+        <a
+          title="The TompHTTP GitHub organization"
+          href="https://github.com/tomphttp"
+          >TompHTTP</a
+        >
+        <a
+          title="The official deployment repository for Ultraviolet"
+          href="https://github.com/titaniumnetwork-dev/Ultraviolet-App"
+          >GitHub</a
+        >
+        <a title="License information" href="credits.html">Credits</a>
+      </div>
+      <div>
+        <span>Ultraviolet &copy; TN 2023</span>
+      </div>
     </footer>
   </body>
 </html>