From 69aa1151784ad67ab74f877cd7cf83bfd2489cd8 Mon Sep 17 00:00:00 2001
From: Malcolm Diller <malcolm@dillerm.io>
Date: Tue, 8 Nov 2022 20:19:31 -0800
Subject: [PATCH] updated the about tab to be help and community, and fixed
 footer to act nicely

---
 ui/index.html         |  8 ++++----
 ui/media/css/main.css | 12 +++++++++++-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index c8324856..67c0cc65 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -33,7 +33,7 @@
                 <span><i class="fa fa-gear icon"></i> Settings</span>
             </span>
             <span id="tab-about" class="tab">
-                <span><i class="fa fa-circle-info icon"></i> About</span>
+                <span><i class="fa fa-comments icon"></i> Help & Community</span>
             </span>
         </div>
     </div>
@@ -228,7 +228,7 @@
         </div>
         <div id="tab-content-about" class="tab-content">
             <div class="tab-content-inner">
-                <h1>About</h1>
+                <h1>Help & Community</h1>
                 <ul id="community-links">
                     <li><a href="https://github.com/cmdr2/stable-diffusion-ui/wiki/Troubleshooting" target="_blank"><i class="fa-solid fa-circle-question fa-fw"></i> Usual problems and solutions</a></li>
                     <li><a href="https://discord.com/invite/u9yhsFmEkB" target="_blank"><i class="fa-brands fa-discord fa-fw"></i> Discord user community</a></li>
@@ -260,9 +260,9 @@
         </div>
     </div>
 
-    <div class="line-separator">&nbsp;</div>
-
+    <div id="footer-spacer"></div>
     <div id="footer">
+        <div class="line-separator">&nbsp;</div>
         <p>If you found this project useful and want to help keep it alive, please <a href="https://ko-fi.com/cmdr2_stablediffusion_ui" target="_blank"><img src="/media/images/kofi.png" id="coffeeButton"></a> to help cover the cost of development and maintenance! Thank you for your support!</p>
         <p>Please feel free to join the <a href="https://discord.com/invite/u9yhsFmEkB" target="_blank">discord community</a> or <a href="https://github.com/cmdr2/stable-diffusion-ui/issues" target="_blank">file an issue</a> if you have any problems or suggestions in using this interface.</p>
         <div id="footer-legal">
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 0ec22c4d..e83eb76f 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -66,12 +66,15 @@ label {
 }
 #footer {
     font-size: small;
-    padding-left: 10pt;
+    padding: 10pt;
     background: none;
 }
 #footer-legal {
     font-size: 8pt;
 }
+#footer-spacer {
+    flex: 1
+}
 .imgSeedLabel {
     font-size: 0.8em;
     background-color: var(--background-color2);
@@ -104,8 +107,11 @@ label {
     margin-bottom: 7px;
 }
 #container {
+    min-height: 100vh;
     width: 100%;
     margin: 0px;
+    display: flex;
+    flex-direction: column;
 }
 #logo small {
     font-size: 11pt;
@@ -315,7 +321,11 @@ img {
     padding-left: 5pt;
 }
 #community-links {
+    display: inline-block;
     list-style-type: none;
+    text-align: left;
+    margin: auto;
+    padding: 0px;
 }
 #community-links li {
     padding-bottom: 12pt;