fix mobile responsiveness

README.md

@@ -11,6 +11,7 @@ Below you will find a changelog.
 
 (newest to oldest)
 
+- fix responsiveness and mobile design
 - fix form styling so it isn't terrible (use Raleway, change bg color)
 - disable signups (turn on disable flag, hardcode in automatic 400 if the URL contains `signup`)
 - build in HTTPS support in `config/express.js`

app/views/form.server.view.pug

@@ -40,12 +40,15 @@ html(lang='en', xmlns='http://www.w3.org/1999/xhtml')
       }
       label.btn-default {
         font-size: 14pt !important;
-        width: 10% !important;
+        width: 6em !important;
         padding-right: 30px;
         background: none !important;
         color: rgba(0,0,0,0.3) !important;
         border-color: rgba(0,0,0,0.3) !important;
       }
+      .field-directive {
+        margin-right: 10px !important; margin-left: 10px !important;
+      }
       label.btn-default:hover, label.btn-default:visited, label.btn-default:active {
         color: #000 !important;
         background: none !important;