Rework styling for form elements

1 files changed, 16 insertions, 8 deletions

diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html
index 18eb784..312a876 100644
--- a/qc_app/templates/index.html
+++ b/qc_app/templates/index.html
@@ -21,19 +21,27 @@
     <legend>file type</legend>
 
     <input type="radio" name="filetype" value="average" id="filetype_average"
-	   required="required" />
-    <label for="filetype_average">average</label>
+	   required="required" class="form-col-1" />
+    <label for="filetype_average" class="form-col-2">average</label>
 
     <input type="radio" name="filetype" value="standard-error"
-	   id="filetype_standard_error" required="required" />
-    <label for="filetype_standard_error">standard error</label>
+	   id="filetype_standard_error" required="required"
+	   class="form-col-1" />
+    <label for="filetype_standard_error" class="form-col-2">
+      standard error
+    </label>
   </fieldset>
 
-  <label for="file_upload">select file</label>
-  <input type="file" name="qc_text_file" id="file_upload"
-	 accept="text/tab-separated-values, application/zip" />
+  <fieldset>
+    <label for="file_upload" class="form-col-1">select file</label>
+    <input type="file" name="qc_text_file" id="file_upload"
+	   accept="text/tab-separated-values, application/zip"
+	   class="form-col-2"/>
+  </fieldset>
 
-  <input type="submit" value="upload file" class="btn btn-main" />
+  <fieldset>
+    <input type="submit" value="upload file" class="btn btn-main form-col-2" />
+  </fieldset>
 </form>
 
 <div id="progress-indicator" class="hidden">