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