From 9679e9fe0150efed9150b0a5b832ae3e05989a70 Mon Sep 17 00:00:00 2001
From: Tudor Amariei <tudor.amariei@commitglobal.org>
Date: Wed, 23 Oct 2024 12:43:22 +0300
Subject: [PATCH] Update rules CSS and IDs

---
 .../hub/templates/hub/ces/election_rules.html | 198 ++++++++++++------
 backend/static_extras/css/hub.css             |   6 +-
 2 files changed, 133 insertions(+), 71 deletions(-)

diff --git a/backend/hub/templates/hub/ces/election_rules.html b/backend/hub/templates/hub/ces/election_rules.html
index ed293bf6..ae4b4aba 100644
--- a/backend/hub/templates/hub/ces/election_rules.html
+++ b/backend/hub/templates/hub/ces/election_rules.html
@@ -10,7 +10,9 @@
       <div class="container content mb-50 rules-section" style="margin: 0 5%">
 
         <h1 id="title">
-          Procedura pentru alegerea reprezentanților societății civile în Consiliul Economic și Social (CES) care să răspundă prevederilor L248/2013
+          <a href="#title" class="inline-subtle-link">
+            Procedura pentru alegerea reprezentanților societății civile în Consiliul Economic și Social (CES) care să răspundă prevederilor L248/2013
+          </a>
         </h1>
 
         <p>
@@ -34,7 +36,7 @@ <h1 id="title">
             <strong>21 octombrie – 7 noiembrie 2024</strong>
             —
             înscrierea și validarea electorilor în platforma
-            <a href="{{ REGISTER_URL }}" class="inline-link">NGO Hub</a>
+            <a href="{{ REGISTER_URL }}" class="inline-link underlined">NGO Hub</a>
           </li>
           <li>
             <strong>23 octombrie – 1 noiembrie 2024, ora 16:00</strong>
@@ -81,8 +83,10 @@ <h1 id="title">
         <hr>
 
         <h2 id="section-a">
-          A. 
-          Preambul
+          <a href="#section-a" class="inline-subtle-link">
+            A.
+            Preambul
+          </a>
         </h2>
 
         <p>
@@ -245,8 +249,10 @@ <h2 id="section-a">
         <hr>
 
         <h2 id="section-b">
-          B. 
-          Se propun următoarele secțiuni și alocare de locuri:
+          <a href="#section-b" class="inline-subtle-link">
+            B.
+            Se propun următoarele secțiuni și alocare de locuri:
+          </a>
         </h2>
 
         <table>
@@ -291,13 +297,17 @@ <h2 id="section-b">
         <hr>
 
         <h2 id="section-c">
-          C. 
-          Criterii de îndeplinit pentru a deveni elector (votant):
+          <a href="#section-c" class="inline-subtle-link">
+            C.
+            Criterii de îndeplinit pentru a deveni elector (votant):
+          </a>
         </h2>
 
         <h3 id="section-c-1">
-          C.1.
-          Eligibilitate: cine poate participa la procesul de votare?
+          <a href="#section-c-1" class="inline-subtle-link">
+            C.1.
+            Eligibilitate: cine poate participa la procesul de votare?
+          </a>
         </h3>
 
         <p>
@@ -322,8 +332,10 @@ <h3 id="section-c-1">
         </p>
 
         <h3 id="section-c-2">
-          C.2.
-          Cum poți obține dreptul de a vota?
+          <a href="#section-c-2" class="inline-subtle-link">
+            C.2.
+            Cum poți obține dreptul de a vota?
+          </a>
         </h3>
 
         <p>
@@ -359,8 +371,10 @@ <h3 id="section-c-2">
         </ul>
 
         <h3 id="section-c-3">
-          C.3.
-          Validarea dreptului de vot pentru fiecare ONG se va face în termen de maximum 5 zile lucrătoare.
+          <a href="#section-c-3" class="inline-subtle-link">
+            C.3.
+            Validarea dreptului de vot pentru fiecare ONG se va face în termen de maximum 5 zile lucrătoare.
+          </a>
         </h3>
 
         <p>
@@ -368,8 +382,10 @@ <h3 id="section-c-3">
         </p>
 
         <h3 id="section-c-4">
-          C.4.
-          După validare, ONG-ul va primi acces la platforma de vot pentru societatea civilă, unde va putea:
+          <a href="#section-c-4" class="inline-subtle-link">
+            C.4.
+            După validare, ONG-ul va primi acces la platforma de vot pentru societatea civilă, unde va putea:
+          </a>
         </h3>
         <ul>
           <li>
@@ -386,13 +402,17 @@ <h3 id="section-c-4">
         <hr>
 
         <h2 id="section-d">
-          D.
-          Criterii de îndeplinit pentru a deveni candidat
+          <a href="#section-d" class="inline-subtle-link">
+            D.
+            Criterii de îndeplinit pentru a deveni candidat
+          </a>
         </h2>
 
         <h3 id="section--.">
-          D.1
-          Elementele care asigură o alegere și nominalizare a membrilor societății civile în cadrul CES, răspunzând concomitent la misiunea CES și la interesele sectorului neguvernamental, utilizând această procedură, sunt:
+          <a href="#section--." class="inline-subtle-link">
+            D.1
+            Elementele care asigură o alegere și nominalizare a membrilor societății civile în cadrul CES, răspunzând concomitent la misiunea CES și la interesele sectorului neguvernamental, utilizând această procedură, sunt:
+          </a>
         </h3>
 
         <ol type="1">
@@ -420,8 +440,10 @@ <h3 id="section--.">
         </ol>
 
         <h3 id="section-d-2">
-          D.2.
-          Orice persoană mandatată de o organizație care se angajează în susținerea participării acesteia în cadrul CES poate candida folosind platforma VotONG.
+          <a href="#section-d-2" class="inline-subtle-link">
+            D.2.
+            Orice persoană mandatată de o organizație care se angajează în susținerea participării acesteia în cadrul CES poate candida folosind platforma VotONG.
+          </a>
         </h3>
 
         <p>
@@ -429,8 +451,10 @@ <h3 id="section-d-2">
         </p>
 
         <h3 id="section-d-3">
-          D.3.
-          Organizația care nominalizează un candidat trebuie să îndeplinească următoarele condiții:
+          <a href="#section-d-3" class="inline-subtle-link">
+            D.3.
+            Organizația care nominalizează un candidat trebuie să îndeplinească următoarele condiții:
+          </a>
         </h3>
 
         <ol type="1">
@@ -468,8 +492,10 @@ <h3 id="section-d-3">
         </ol>
 
         <h3 id="section--.">
-          D.4
-          Profilul unui candidat cuprinde următoarele:
+          <a href="#section--." class="inline-subtle-link">
+            D.4
+            Profilul unui candidat cuprinde următoarele:
+          </a>
         </h3>
 
         <ol type="a">
@@ -517,19 +543,26 @@ <h3 id="section--.">
         </p>
 
         <h3 id="section-d-5">
-          D.5.
-          Pentru a putea candida, fiecare candidat trebuie să se asigure că are cel puțin zece electori care își exprimă în platformă susținerea pentru candidatura sa. Orice elector poate să își exprime susținerea pentru unul sau mai
-          mulți candidați prin intermediul unei funcționalități dedicate din platforma VotONG.
+          <a href="#section-d-5" class="inline-subtle-link">
+            D.5.
+            Pentru a putea candida, fiecare candidat trebuie să se asigure că are cel puțin zece electori care își exprimă în platformă susținerea pentru candidatura sa.
+            Orice elector poate să își exprime susținerea pentru unul sau mai
+            mulți candidați prin intermediul unei funcționalități dedicate din platforma VotONG.
+          </a>
         </h3>
 
         <h3 id="section-d-6">
-          D.6.
-          O organizație poate propune un singur candidat, într-un singur domeniu.
+          <a href="#section-d-6" class="inline-subtle-link">
+            D.6.
+            O organizație poate propune un singur candidat, într-un singur domeniu.
+          </a>
         </h3>
 
         <h3 id="section-d-7">
-          D.7.
-          Completarea profilului de candidat poate fi făcută de către un reprezentant al unui ONG în orice moment între data acceptării ONG-ului în platformă și data limită, 1 noiembrie 2024, ora 16:00.
+          <a href="#section-d-7" class="inline-subtle-link">
+            D.7.
+            Completarea profilului de candidat poate fi făcută de către un reprezentant al unui ONG în orice moment între data acceptării ONG-ului în platformă și data limită, 1 noiembrie 2024, ora 16:00.
+          </a>
         </h3>
 
         <p>
@@ -540,33 +573,43 @@ <h3 id="section-d-7">
         </p>
 
         <h3 id="section-d-8">
-          D.8.
-          Fiecare candidatură este validată de către Comisia Electorală după verificarea îndeplinirii condițiilor de la punctele D.3 și D.5, precum și prezența informațiilor de la D.4.
+          <a href="#section-d-8" class="inline-subtle-link">
+            D.8.
+            Fiecare candidatură este validată de către Comisia Electorală după verificarea îndeplinirii condițiilor de la punctele D.3 și D.5, precum și prezența informațiilor de la D.4.
+          </a>
         </h3>
 
         <h3 id="section-d-9">
-          D.9.
-          Validarea candidaturilor depuse se va realiza de către Comisia Electorală a VotONG într-un termen de 3 zile lucrătoare de la încărcarea informațiilor/documentelor solicitate pe platforma VotONG.
+          <a href="#section-d-9" class="inline-subtle-link">
+            D.9.
+            Validarea candidaturilor depuse se va realiza de către Comisia Electorală a VotONG într-un termen de 3 zile lucrătoare de la încărcarea informațiilor/documentelor solicitate pe platforma VotONG.
+          </a>
         </h3>
 
         <hr>
 
         <h2 id="section-e">
-          E. 
-          Desfășurarea alegerilor și nominalizarea reprezentanților societății civile în CES:
+          <a href="#section-e" class="inline-subtle-link">
+            E.
+            Desfășurarea alegerilor și nominalizarea reprezentanților societății civile în CES:
+          </a>
         </h2>
 
         <h3 id="section-e-1">
-          E.1.
-          Exercitarea voturilor se realizează exclusiv pe platforma
-          <a href="https://www.votong.ro" class="inline-subtle-link">www.votong.ro</a>,
-          iar votul va fi anonim.
+          <a href="#section-e-1" class="inline-subtle-link">
+            E.1.
+            Exercitarea voturilor se realizează exclusiv pe platforma
+            <a href="https://www.votong.ro" class="inline-subtle-link underlined">www.votong.ro</a>,
+            iar votul va fi anonim.
+          </a>
         </h3>
 
         <h3 id="section-e-2">
-          E.2.
-          Fiecare elector va avea, în cadrul domeniul în care s-a înregistrat să voteze, un număr egal de voturi cu numărul fotoliilor alocate în Consiliul Economic și Social pentru domeniul respectiv, conform secțiunilor/domeniilor și
-          alocărilor de locuri de la punctul B.
+          <a href="#section-e-2" class="inline-subtle-link">
+            E.2.
+            Fiecare elector va avea, în cadrul domeniul în care s-a înregistrat să voteze, un număr egal de voturi cu numărul fotoliilor alocate în Consiliul Economic și Social pentru domeniul respectiv, conform secțiunilor/domeniilor și
+            alocărilor de locuri de la punctul B.
+          </a>
         </h3>
 
         <p>
@@ -574,46 +617,61 @@ <h3 id="section-e-2">
         </p>
 
         <h3 id="section-e-3">
-          E.3.
-          În urma exprimării voturilor electorilor se va realiza o ierarhizare a scorurilor obținute de candidați pentru fiecare din domeniile de competență definite la punctul B.
+          <a href="#section-e-3" class="inline-subtle-link">
+            E.3.
+            În urma exprimării voturilor electorilor se va realiza o ierarhizare a scorurilor obținute de candidați pentru fiecare din domeniile de competență definite la punctul B.
+          </a>
         </h3>
 
         <h3 id="section-e-4">
-          E.4.
-          În cazul în care nu se înscriu candidați pentru unul sau mai multe domenii de competență, Comisia Electorală a VotONG va propune ocuparea locului/locurilor de către candidatul/candidații cu cele mai multe voturi,
-          indiferent de domeniu, în ordine descrescătoare, urmând ca acesta să reprezinte și interesele organizațiilor/domeniului pentru care nu au existat candidați.
+          <a href="#section-e-4" class="inline-subtle-link">
+            E.4.
+            În cazul în care nu se înscriu candidați pentru unul sau mai multe domenii de competență, Comisia Electorală a VotONG va propune ocuparea locului/locurilor de către candidatul/candidații cu cele mai multe voturi,
+            indiferent de domeniu, în ordine descrescătoare, urmând ca acesta să reprezinte și interesele organizațiilor/domeniului pentru care nu au existat candidați.
 
+          </a>
         </h3>
 
         <h3 id="section-e-5">
-          E.5.
-          În cazul în care se constată egalitate de voturi între candidații din cadrul unui domeniu de specialitate al CES, Comisia Electorală a VotONG va decide desemnarea candidatului câștigător în baza unor criterii precum
-          complexitatea structurii federației/organizației care l-a propus și nivelul de acoperire națională/regională al acesteia.
+          <a href="#section-e-5" class="inline-subtle-link">
+            E.5.
+            În cazul în care se constată egalitate de voturi între candidații din cadrul unui domeniu de specialitate al CES, Comisia Electorală a VotONG va decide desemnarea candidatului câștigător în baza unor criterii precum
+            complexitatea structurii federației/organizației care l-a propus și nivelul de acoperire națională/regională al acesteia.
+          </a>
         </h3>
 
         <h3 id="section-e-6">
-          E.6.
-          La încheierea etapei de vot se vor prezenta rezultatele obținute de candidați în funcție de numărul de voturi obținute și admiterea celor 15 câștigători.
-          Va exista o perioadă de 4 zile de depunere și rezolvare a contestațiilor.
+          <a href="#section-e-6" class="inline-subtle-link">
+            E.6.
+            La încheierea etapei de vot se vor prezenta rezultatele obținute de candidați în funcție de numărul de voturi obținute și admiterea celor 15 câștigători.
+            Va exista o perioadă de 4 zile de depunere și rezolvare a contestațiilor.
+          </a>
         </h3>
 
         <h3 id="section-e-7">
-          E.7.
-          Orice elector care are suspiciuni fondate că procesul electoral a fost viciat poate cere Comisiei Electorale, după încheierea procesului electoral, auditarea alegerilor și Comisia Electorală va decide dacă aprobă auditarea și
-          în ce condiții va avea loc aceasta.
+          <a href="#section-e-7" class="inline-subtle-link">
+            E.7.
+            Orice elector care are suspiciuni fondate că procesul electoral a fost viciat poate cere Comisiei Electorale, după încheierea procesului electoral, auditarea alegerilor și Comisia Electorală va decide dacă aprobă auditarea și
+            în ce condiții va avea loc aceasta.
+          </a>
         </h3>
 
         <h3 id="section-e-8">
-          E.8.
-          După soluționarea tuturor contestațiilor depuse, rezultatul final al alegerilor va fi făcut public pe platforma VotONG și pe pagina de Internet a Secretariatului General al Guvernului, la secțiunea Mediul asociativ – CES.
+          <a href="#section-e-8" class="inline-subtle-link">
+            E.8.
+            După soluționarea tuturor contestațiilor depuse, rezultatul final al alegerilor va fi făcut public pe platforma VotONG și pe pagina de Internet a Secretariatului General al Guvernului, la secțiunea Mediul asociativ – CES.
+          </a>
         </h3>
 
         <h3 id="section-e-9">
-          E.9.
-          În conformitate cu Articolul 11, aliniatul 2, litera c) din Legea 248/2013 privind organizarea și funcționarea Consiliului Economic și Social, cei 15 membri reprezentând societatea civilă, constituind parte a societății civile,
-          sunt
-          numiți prin decizie a Prim-ministrului, la propunerea Ministerului Consultării Publice și Dialogului Social, în prezent atribuțiile respective fiind exercitate de Secretariatul General al Guvernului prin Serviciul Suport Strategic
-          și Cooperare cu Mediul Asociativ.
+          <a href="#section-e-9" class="inline-subtle-link">
+            E.9.
+            În conformitate cu Articolul 11, aliniatul 2, litera c) din Legea 248/2013 privind organizarea și funcționarea Consiliului Economic și Social, cei 15 membri reprezentând societatea civilă, constituind parte a societății civile,
+            sunt
+            numiți prin decizie a Prim-ministrului, la propunerea Ministerului Consultării Publice și Dialogului Social, în prezent atribuțiile respective fiind exercitate de Secretariatul General al Guvernului prin Serviciul Suport
+            Strategic
+            și Cooperare cu Mediul Asociativ.
+          </a>
         </h3>
 
         <p>
@@ -622,8 +680,10 @@ <h3 id="section-e-9">
         </p>
 
         <h3 id="section-e-10">
-          E.10.
-          Aducerea la cunoștința electorilor a deciziei Prim-Ministrului, publicată în Monitorul Oficial.
+          <a href="#section-e-10" class="inline-subtle-link">
+            E.10.
+            Aducerea la cunoștința electorilor a deciziei Prim-Ministrului, publicată în Monitorul Oficial.
+          </a>
         </h3>
 
       </div>
diff --git a/backend/static_extras/css/hub.css b/backend/static_extras/css/hub.css
index 541e606d..d8a79100 100644
--- a/backend/static_extras/css/hub.css
+++ b/backend/static_extras/css/hub.css
@@ -634,7 +634,6 @@ hr.tight {
 
 .inline-subtle-link {
   font-size: 1em;
-  text-decoration-line: underline;
   color: #363636;
 
   &:hover {
@@ -642,9 +641,12 @@ hr.tight {
   }
 }
 
+.underlined {
+  text-decoration-line: underline;
+}
+
 .inline-link {
   font-size: 1em;
-  text-decoration-line: underline;
 }
 
 .rules-section {