Mobile styles.

3 years ago · 0998f88faf
parent ee14db1777
commit 0998f88faf
1 changed files with 14 additions and 0 deletions
--- a/scripts/templates/index.html
+++ b/scripts/templates/index.html
@ -18,6 +18,10 @@
      --line-height: 18pt;
    }

+    h1 {
+      line-height: 1.25;
+    }
+
    label {
      display: block;
      margin-bottom: var(--line-height);
@ -28,6 +32,16 @@
      font: inherit;
    }

+    @media screen and (max-width: 600px) {
+      body {
+        margin: 3em 1em;
+      }
+
+      label {
+        margin-left: 11ch;
+      }
+    }
+
  </style>
 </head>
 <body>