From 34545a5eaf8a3741d2fe0b4c8f74f7492d692d25 Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Sun, 23 Feb 2014 21:10:19 -0500
Subject: [PATCH] More improvements to the mobile style to fit the input fields
 better.

---
 common.css |  2 --
 core.css   |  9 +++++++++
 hosted.css | 18 +++++++-----------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/common.css b/common.css
index 7bb796b..6e2557f 100644
--- 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 341f2ae..ebf84bd 100644
--- 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 5e107cb..a66ee9e 100644
--- 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;
   }
 }
-- 
2.22.5