tweak styles

assets/global.css

@@ -10,7 +10,7 @@ body {
 main {
 	position: relative;
 	max-width: 800px;
-	padding: 25px;
+	padding: 20px 15px;
 	box-sizing: border-box;
 	margin: 0 auto;
 }
@@ -45,10 +45,10 @@ input {
 
 button {
 	font-size: 1.2em;
-	border: 1px solid #333;
 	background: #ededed;
 	border-radius: 2px;
 	padding: 10px 15px;
+	border: 1px solid #ededed;
 }
 
 button {
@@ -90,3 +90,9 @@ p {
 	margin: 0;
 	padding: 0;
 }
+
+@media (max-width: 767px) {
+	main {
+		padding: 15px 5px;
+	}
+}

routes/_components/Status.html

@@ -26,6 +26,10 @@
 
 <style>
   article {
+    padding: 10px 0;
+    max-width: 600px;
+    margin: 0 auto;
+    border-bottom: 1px solid #ededed;
     display: grid;
     width: 100%;
     grid-template-areas:
@@ -54,11 +58,12 @@
   .footer {
     grid-area: footer;
     display: flex;
-    margin: 3px;
+    margin: 5px;
   }
 
   .footer button {
     margin: auto;
+    padding: 7px 10px 5px;
   }
 
   .footer svg {