improved display on small screens

static/css/base.css

@@ -210,6 +210,12 @@ input[type="radio"] {
     font-weight: bold;
 }
 
+a:hover #help {
+    top: 5px;
+    width: 100%;
+    padding: 5px;
+}
+
 #next {
     text-align: center;
     width: 45%;
@@ -245,6 +251,27 @@ input[type="radio"] {
 }
 
 @media only screen and (max-width:640px) {
+    #header {
+        padding-top: 15px;
+        padding-bottom: 15px;
+    }
+
+    .a {
+        padding: 15px;
+        font-size: small;
+        text-indent: 0;
+    }
+
+    .b {
+        padding: 15px;
+        font-size: small;
+        text-indent: 0;
+    }
+
+    .o {
+        padding: 15px;
+    }
+
     #content {
         min-width: 95%;
         transform: none;
@@ -256,7 +283,8 @@ input[type="radio"] {
 
     #next {
         min-width: 100%;
-        margin-top: 20px;
+        margin-top: 10px;
+        height: 50px;
     }
 
     #questions {