web: Expose debug info, fix view on mobile.

web/src/views/ProposeEvent.scss

@@ -1,20 +1,22 @@
 @import "~@/styles/forSize.mixin";
 
 #event-proposal {
-  margin: 2em auto;
-
   header {
     background-color: #FFFCFC;
     border-bottom: thin solid #aaa;
-    margin: 0;
     padding: 0.5em;
 
     h1, h2 {
+      margin: 0;
       margin-top: 0.5em;
-      margin-bottom: 0;
       padding: 0;
     }
 
+    h2 {
+      font-weight: normal;
+      margin-bottom: -0.30em;
+    }
+
   }
 
   &.success header { background-color: #38b00010; }
@@ -40,7 +42,6 @@
     margin: 0.5em;
     display: flex;
 
-    span { width: 9em; }
     input, textarea, select { flex-grow: 1; }
   }
 
@@ -85,12 +86,21 @@
 @include forSize(mobile) {
   #header-splash {
     width: 100%;
-    margin: 0;
   }
 
   #event-proposal {
-    margin: 1em;
+    padding: 0 1em;
     width: 100%;
+
+    label {
+      flex-wrap: wrap;
+
+      span { width: 100%; }
+      input, select, textarea {
+        margin: 0.125em 1em;
+        width: 100%;
+      }
+    }
   }
 }
 
@@ -106,7 +116,10 @@
     border: solid thin #bbb;
     border-radius: 0.25em;
     box-shadow: 0.25em 0.25em 0.75em #aaa;
+    margin: 2em auto;
     width: 30em;
+
+    label span { width: 9em; }
   }
 
   .successes, .errors { width: 26em; }