From bdf7b7b470bbd8aa002cad07a2ab9c38eb3b4f6b Mon Sep 17 00:00:00 2001
From: rav4s <ravidhruvishshah@gmail.com>
Date: Fri, 18 Dec 2020 13:40:26 -0600
Subject: [PATCH] Make button float correctly

---
 static/styles.css    | 11 +++++++++++
 templates/index.html |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index 2539a3c..d714c3c 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -32,6 +32,17 @@ a.none {
   border-radius: 0px;
 }
 
+a.overridefloat {
+  float: none;
+  color: black;
+  text-align: center;
+  padding: 12px;
+  text-decoration: none;
+  font-size: 18px;
+  line-height: 25px;
+  border-radius: 4px;
+}
+
 a.text {
   font-size: 25px;
   font-weight: bold;
diff --git a/templates/index.html b/templates/index.html
index 8b2124c..7d79cd4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -19,8 +19,8 @@
       </div>
       <div class="column" style="background-color:#ddd">
         <p style="font-size:25px; text-align:center;">Trigger the garage door opener.</p>
-        <div style="text-align: center; display:block; float:none;">
-          <a class="active" href="/open-garage">{{ OpenOrClose }}</a>
+        <div>
+          <a class="overridefloat" href="/open-garage">{{ OpenOrClose }}</a>
         </div>
       </div>
     </div>