Little more compact and cleaner form inputs

view-webapp/src/main/sass/main.scss

@@ -199,7 +199,7 @@
   /* UI fixes */
 
   .ui.form, .ui.segment, .ui.form .field > label { font-size: 1em; }
-  .ui.form .fields {  }
+  .ui.form .fields { margin-bottom: 0; }
   span > input[type="radio"] { vertical-align: text-top; }
   span > input[type="text"] { vertical-align: baseline; width: initial; }
   span > input.date { vertical-align: baseline; width: 8em; }
@@ -243,7 +243,7 @@
   }
 
   .ui.form input[type=text], .ui.form input[type="number"], .ui.form select {
-    padding: 0.4em 0.2em;
+    padding: 0.1em 0.2em;
   }
   .ui.form input[type="number"], input.duration {
     text-align: center;
@@ -296,8 +296,9 @@
   .roundbox {
     border: solid 2px darkgray;
     border-radius: 10px;
-    margin: 1em;
-    padding: 1em;
+    margin: 0.5em;
+    padding: 0.5em;
+    background-color: #EEEEEE;
   }
 
   #backdrop {

view-webapp/src/main/sass/tour.scss

@@ -36,7 +36,9 @@
     flex-flow: column nowrap;
     justify-content: space-between;
     margin: 1px;
+    padding: 0.2em;
     background-color: #eeeeee;
+    align-items: flex-start;
     &.centered {
       align-items: center;
     }

view-webapp/src/main/webapp/tour-information.inc.html

@@ -47,7 +47,7 @@
           <label>Location</label>
           <div class="edit online">
             <label>
-              <input name="online" type="checkbox" #if($tour && $tour.online) checked #end value="true"/>&nbsp;<b>online tournament</b>
+              <input name="online" class="inline" type="checkbox" #if($tour && $tour.online) checked #end value="true"/>&nbsp;online tournament
             </label>
           </div>
           <span class="info"></span>