fix ui responsive ness

static/backup.html

@@ -67,7 +67,7 @@
         <button
           class="push-button hidden-button"
           onclick="location.href='seed.html'"
-          style="margin-top: 92px;"
+          style="margin-top: 60px;"
           id="next-button"
         >
           Next

static/css/styles.css

@@ -37,6 +37,8 @@ main {
   max-width: 600px;
   margin-inline: auto;
   padding: 1rem;
+  margin-bottom: auto;
+  zoom: 1.3;
 }
 
 * {
@@ -185,6 +187,7 @@ a {
   position: absolute;
   top: 0;
   left: 0;
+  padding: 0;
 }
 
 .setup-header > h2 {

static/index.html

@@ -66,7 +66,7 @@
         <button
           class="push-button"
           onclick="location.href='liquidity.html'"
-          style="margin-top: 92px"
+          style="margin-top: 60px"
         >
           Next
         </button>

static/liquidity.html

@@ -59,7 +59,7 @@
             </div>
           </label>
         </div>
-        <div class="checkbox" style="margin-top: 60px">
+        <div class="checkbox" style="margin-top: 30px">
           <input type="checkbox" id="manual" data-group="service" />
           <div class="checkbox-shape"></div>
           <label for="manual">Manage my channels manually</label>
@@ -67,7 +67,7 @@
         <button
           class="push-button"
           onclick="location.href='backup.html'"
-          style="margin-top: 92px"
+          style="margin-top: 60px"
         >
           Next
         </button>

static/seed.html

@@ -156,7 +156,7 @@
           id="next-button"
           class="push-button hidden-button"
           onclick="location.href='connect.html'"
-          style="margin-top: 92px"
+          style="margin-top: 60px"
         >
           Next
         </button>