From 5ceec2e6a5f20b94aacac42aab534050a5c03980 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20V=C3=A9ril?= <mveril@irsamc.ups-tlse.fr>
Date: Mon, 18 May 2020 10:58:02 +0200
Subject: [PATCH] Add border and margin to facilitate the reading of forms

---
 content/multipledataset.html |  6 ++++++
 static/css/form.css          | 11 +++++++++++
 2 files changed, 17 insertions(+)

diff --git a/content/multipledataset.html b/content/multipledataset.html
index b6aedfd8..ad6176c6 100644
--- a/content/multipledataset.html
+++ b/content/multipledataset.html
@@ -549,6 +549,7 @@ draft: false
   For this, follow these steps
 </p>
 <form id="form_dat" action="javascript:submitdat()" method="post">
+  <fieldset class="main">
   <fieldset>
     <legend>Import custom files</legend>
     <p>
@@ -638,14 +639,19 @@ draft: false
     <input class="range max" airia-label="Maximum value" type="number" id="T1max"
       onchange="numberRangeChange(event)" max="100" value="100">
   </fieldset>
+</fieldset>
   <input type="submit" disabled=true value="Load"></input>
 </form>
 <form id="form_ref">
+  <fieldset class="main">
+  <fieldset>
   <legend>statistics</legend>
   <p>Select a reference from <strong>already selected data</strong> (by default first is selected -it's the <abbr
     title="Theoretical best estimate">TBE</abbr> if present- is already selected)</p>
   <label for="sel_ref">Reference</label>
   <select id="sel_ref" onchange="reloadStat()"></select>
+</fieldset>
+</fieldset>
 </form>
 <p>Now you can see the list of selected data and some statistics about these data</p>
 <section id="data">
diff --git a/static/css/form.css b/static/css/form.css
index f6d06b32..c16ad16e 100644
--- a/static/css/form.css
+++ b/static/css/form.css
@@ -1,6 +1,9 @@
 form fieldset.table {
   display: table;
 }
+form {
+  margin-bottom: 15px;
+}
 ul.nestedCbList {
   list-style-type: none;
   padding-left: 1em;
@@ -8,6 +11,14 @@ ul.nestedCbList {
 form button.SelectAll {
   display: block;
 }
+form fieldset.main {
+  padding: 10px;
+  border-style: solid;
+  border-width: 1px;
+}
+form input[type="submit"] {
+  margin-top:10px;
+}
 form label{
   padding-left: 5px;
   padding-right: 5px;