From a3a432e8fe0c94553860f83da118b3ec3227b266 Mon Sep 17 00:00:00 2001
From: Bryan Brancotte <bryan.brancotte@pasteur.fr>
Date: Wed, 30 Jan 2019 17:20:53 +0100
Subject: [PATCH] ui improvement

---
 ippisite/ippidb/static/css/admin-session.css | 19 ++++++++++++++-----
 ippisite/ippidb/templates/IdForm.html        |  2 +-
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/ippisite/ippidb/static/css/admin-session.css b/ippisite/ippidb/static/css/admin-session.css
index c7d7ec82..1060b491 100644
--- a/ippisite/ippidb/static/css/admin-session.css
+++ b/ippisite/ippidb/static/css/admin-session.css
@@ -126,21 +126,30 @@ Description: IPPI-DB Theme
 #id_IdForm-source {
   overflow: hidden;
   padding-bottom: 5px;
+  display:flex;
 }
 
-#id_IdForm-source label span{
-  display: inline-block;
-  width: 164px;
+#id_IdForm-source label{
+    flex:1 auto;
+    margin-left: 5px;
+}
+
+#id_IdForm-source label:first-child{
+    margin-left: 0px;
+}
+
+#id_IdForm-source label div{
   background-color: #E8E0E0;
   color: #8D8888;
   text-align: center;
+  border: 1px solid #E3E9EB;
 }
 
 #id_IdForm-source input {
   display:none;
 }
 
-#id_IdForm-source input:hover+label span{
+#id_IdForm-source input:hover+label div{
   cursor: pointer;
   background-color: #FFFFFF;
   color: #000000;
@@ -150,7 +159,7 @@ Description: IPPI-DB Theme
   border-right: 1px solid #E3E9EB;
 }
 
-#id_IdForm-source input[type="radio"]:checked+label span{
+#id_IdForm-source input[type="radio"]:checked+label div{
   background-color: #FFFFFF;
   color: #000000;
   border-bottom: 1px solid #2D96FA;
diff --git a/ippisite/ippidb/templates/IdForm.html b/ippisite/ippidb/templates/IdForm.html
index 4ab45eec..2f048864 100644
--- a/ippisite/ippidb/templates/IdForm.html
+++ b/ippisite/ippidb/templates/IdForm.html
@@ -18,7 +18,7 @@
 						{% for radio in wizard.form.source %}
 					    	  	{{ radio.tag }}
 					        	<label for="{{ radio.id_for_label }}">
-					        		<span>{{ radio.choice_label }}</span>
+					        		<div>{{ radio.choice_label }}</div>
 					    		</label>
 						{% endfor %}
 					</div>
-- 
GitLab