From 85630d87b54574673cbf31c8780de1025f36072c Mon Sep 17 00:00:00 2001
From: Arzumify <jliwin98@hectabit.org>
Date: Wed, 31 Jul 2024 10:41:09 +0100
Subject: [PATCH] Fixed buttons being too small on mobile

---
 index.html           |  7 +++----
 signup/index.html    |  3 +--
 static/css/style.css | 15 ++++++---------
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index eaab361..c29b007 100644
--- a/index.html
+++ b/index.html
@@ -67,10 +67,9 @@
         </div>
 
         <div class="links">
-            <a href="https://concord.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt="">Source
-                Code</a>
-            <a href="/privacy"><img src="/static/svg/info.svg" alt="">Privacy &amp; Terms</a>
-            <a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt="">Discord</a>
+            <a href="https://concord.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt=""><div class="vAlign">Source Code</div></a>
+            <a href="/privacy"><img src="/static/svg/info.svg" alt=""><div class="vAlign">Privacy &amp; Terms</div></a>
+            <a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt=""><div class="vAlign">Discord</div></a>
         </div>
         <br>
 </body>
diff --git a/signup/index.html b/signup/index.html
index eeafea2..2b0aa0b 100644
--- a/signup/index.html
+++ b/signup/index.html
@@ -70,8 +70,7 @@
             </table>
             <br>
             <button class="clickButton" id="signupButton">Create account</button><button id="opButton" class="clickButton nonimportant">Already have an account</button><br><br>
-            <div style="display: flex;"><p class="hidden" id="homeserver">Your homeserver is loading... </p><div style="display: flex;flex-direction: column;justify-content: center;"><a class="hidden" href="/homeserver">Change</a></div></div>
-            <a class="iconbutton" title="Change homeserver" href="/homeserver/"><img src="/static/svg/server.svg" alt="Homeservers"></a>
+            <a class="iconbutton" title="Change homeserver" href="/homeserver/"><div class="vcenter"><img src="/static/svg/server.svg" alt="Homeservers"></div></a>
             <a href="/privacy/">Privacy &amp; Terms</a>
         </div>
     </div>
diff --git a/static/css/style.css b/static/css/style.css
index 8e4c83e..628c913 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -360,6 +360,7 @@ body {
     border-radius: 8px;
     border: none;
     transition: 0.125s;
+    padding: 0;
 }
 
 .notesBar .remove {
@@ -566,12 +567,11 @@ button:hover {
 }
 
 .optionsDiv img {
-    height: 18px;
+    height: 20px;
     padding-right: 5px;
     position: absolute;
     left: 20px;
-    scale: 1.3;
-    transform: translateY(1px);
+    scale: 1.2;
     filter: invert(var(--invertdm))
 }
 
@@ -639,7 +639,6 @@ button:hover {
     margin-left: auto;
     height: 40px;
     font-size: 16px;
-    transform: translateY(-2px);
 }
 
 .sessionDiv img {
@@ -759,7 +758,6 @@ button:hover {
 
 .inoutdiv .iconbutton img {
     height: 20px;
-    transform: translateY(10px);
 }
 
 .inoutdiv .iconbutton:hover {
@@ -984,11 +982,11 @@ button:hover {
     text-decoration: none;
     background-color: var(--bar);
     color: var(--text-color);
-    padding: 3px 10px 10px;
+    padding: 10px;
     margin-bottom: 10px;
     border-radius: 10px;
     transition: background-color .2s;
-    display: inline-block;
+    display: inline-flex;
 }
 
 .links a:hover {
@@ -996,8 +994,7 @@ button:hover {
 }
 
 .links a img {
-    transform: translateY(5px);
-    padding-right: 10px;
+    margin-right: 10px;
     filter: invert(var(--invertdm));
 }