More improvements to the mobile style to fit the input fields better.

diff --git a/common.css b/common.css
index 7bb796bb77580d468d41834edceba67692fc4656..6e2557fa21b959145da453098a6283b07c0770cc 100644 (file)
--- a/common.css
+++ b/common.css
@@ -27,6 +27,4 @@
 body {
   font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
   font-size: .8em;
-
-  padding: .2em;
 }

diff --git a/core.css b/core.css
index 341f2ae92612fcf72c47c7a825bd63bde0dced7e..ebf84bd7830922943f20693bcdf2fc6473e0f508 100644 (file)
--- a/core.css
+++ b/core.css
@@ -87,9 +87,14 @@ hr {
     width: 90%;
   }
 
+  li {
+    margin-bottom: 2em;
+  }
+
   li input {
     display: block;
     width: 100%;
+    box-sizing: border-box;
   }
 
   li label {
@@ -101,4 +106,8 @@ hr {
     width: 100%;
     margin: 0;
   }
+
+  hr {
+    display: none;
+  }
 }

diff --git a/hosted.css b/hosted.css
index 5e107cb13f8a0e41477239b45e5240117b8fcb78..a66ee9e2717b6a4c13915debefdb1219931946d6 100644 (file)
--- a/hosted.css
+++ b/hosted.css
@@ -55,14 +55,9 @@ iframe {
 }
 
 @media screen and (max-width: 800px) {
-  html {
-    padding: 0;
-    margin: 0;
-  }
-
   body {
     background-color: #FFF;
-    width: 99%;
+    width: 100%;
   }
 
   h1 {
@@ -75,14 +70,15 @@ iframe {
   iframe {
     width: 100%;
     border: none;
-    margin: 0.1em;
+    margin: 1em 0;
     overflow: hidden;
   }
 
-  #core {
-    height: 20em;
+  iframe#core {
+    height: 30em;
   }
-  #options {
-    height: 10em;
+
+  iframe#options {
+    display: none;
   }
 }