Make button float correctly

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;

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>