rework the footer

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,

public/index.html

@@ -90,6 +90,7 @@
       <pre id="uv-error-code"></pre>
     </div>
     <footer>
+      <div>
         <a
           title="The TitaniumNetwork GitHub organization"
           href="https://github.com/titaniumnetwork-dev"
@@ -108,13 +109,11 @@
           href="https://github.com/titaniumnetwork-dev/Ultraviolet-App"
           >GitHub</a
         >
-      <a
-        title="License information"
-        href="credits.html"
-        style="margin-left: auto"
-        >Credits</a
-      >
+        <a title="License information" href="credits.html">Credits</a>
+      </div>
+      <div>
         <span>Ultraviolet &copy; TN 2023</span>
+      </div>
     </footer>
   </body>
 </html>