From f647ff11393d1e5c09507076f5afda590843db61 Mon Sep 17 00:00:00 2001
From: Emmanuel Viennet <emmanuel.viennet@gmail.com>
Date: Sat, 26 Nov 2022 13:23:06 +0100
Subject: [PATCH] Jury BUT: cosmetic

---
 app/but/jury_but_view.py    | 14 +++++++++++---
 app/static/css/jury_but.css | 18 +++++++++++++++++-
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/app/but/jury_but_view.py b/app/but/jury_but_view.py
index 1109cefe..e7f1c2ae 100644
--- a/app/but/jury_but_view.py
+++ b/app/but/jury_but_view.py
@@ -62,13 +62,21 @@ def show_etud(deca: DecisionsProposeesAnnee, read_only: bool = True) -> str:
         H.append("""<div><em>Pas de décision annuelle (sem. impair)</em></div>""")
     H.append("""</div>""")
 
+    annee_sco_pair = deca.formsemestre_pair.annee_scolaire()
+    avertissement_redoublement = (
+        f"année {annee_sco_pair}-{annee_sco_pair+1}"
+        if annee_sco_pair != deca.annee_scolaire()
+        else ""
+    )
+
     H.append(
         f"""
-    <div><b>Niveaux de compétences et unités d'enseignement :</b></div>
+    <div class="titre_niveaux"><b>Niveaux de compétences et unités d'enseignement</b></div>
     <div class="but_annee">
     <div class="titre"></div>
-    <div class="titre">S{1}</div>
-    <div class="titre">S{2}</div>
+    <div class="titre">S{deca.formsemestre_impair.semestre_id}</div>
+    <div class="titre">S{deca.formsemestre_pair.semestre_id}
+    <span class="avertissement_redoublement">{avertissement_redoublement}</span></div>
     <div class="titre">RCUE</div>
     """
     )
diff --git a/app/static/css/jury_but.css b/app/static/css/jury_but.css
index 2b89763f..b28f174c 100644
--- a/app/static/css/jury_but.css
+++ b/app/static/css/jury_but.css
@@ -16,6 +16,7 @@
 }
 
 .but_annee {
+    margin-left: 32px;
     display: inline-grid;
     grid-template-columns: repeat(4, auto);
     gap: 4px;
@@ -35,7 +36,11 @@
 .but_annee>* {
     display: flex;
     align-items: center;
-    padding: 0px 16px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 16px;
+    padding-right: 0px;
+
     background: #FFF;
     border: 1px solid #aaa;
     border-radius: 8px;
@@ -46,6 +51,7 @@
     border: none;
     border-radius: 0px;
     border-bottom: 1px solid gray;
+    font-weight: bold;
 }
 
 .but_niveau_ue>div:nth-child(1),
@@ -83,6 +89,16 @@ div.but_section_annee {
     margin-bottom: 10px;
 }
 
+div.titre_niveaux {
+    margin-bottom: 6px;
+}
+
+span.avertissement_redoublement {
+    margin-left: 0.5em;
+    color: red;
+    font-weight: normal;
+}
+
 div.but_settings {
     margin-top: 16px;
 }