make landing page mobile-accessible (also, HTML5 forms!)

1 files changed, 9 insertions, 7 deletions

diff --git a/public/main.css b/public/main.css
index e6139ec..8ecda96 100644
--- a/public/main.css
+++ b/public/main.css
@@ -36,20 +36,22 @@ div.break {
 }
 
 div.field {
-	width: 100%;
-	clear: both;
+	margin-top: 0.3em;
+	margin-bottom: 0.6em;
 }
 
-div.field div.desc {
-	float: left;
-	width: 14em;
-	text-align: right;
-	padding-right: 0.5em;
+input, select {
+	width: 20em;
+	max-width: 100%;
+	min-height: 1.8em;
 }
 
+/*
 input, select {
 	border: 1px solid black;
+	display: block;
 }
+*/
 
 div.notes {
 	margin-top: 4em;