From 4509367ad69a177c9fe0bcd747f6e252b579a38b Mon Sep 17 00:00:00 2001
From: Leandro Roberto <leandroroberto.br@gmail.com>
Date: Mon, 12 Nov 2018 09:35:18 -0200
Subject: [PATCH] =?UTF-8?q?ajuste=20css=20presen=C3=A7as=20de=20sess=C3=A3?=
 =?UTF-8?q?o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sapl/static/styles/app.scss                  | 26 ++++++++++++
 sapl/templates/sessao/presenca.html          | 42 ++++++++++++--------
 sapl/templates/sessao/presenca_ordemdia.html | 24 ++++++-----
 3 files changed, 65 insertions(+), 27 deletions(-)

diff --git a/sapl/static/styles/app.scss b/sapl/static/styles/app.scss
index 710d98833..57736d3a7 100644
--- a/sapl/static/styles/app.scss
+++ b/sapl/static/styles/app.scss
@@ -222,12 +222,38 @@ nav {
   border: 1px solid #d6e1e5;
   border-radius: 4px;
   min-height: 20px;
+
+  
+  .checkbox, .radio, .checkbox-inline, .radio-inline  {
+    padding: 8px 8px 8px 36px;
+    margin: 0;
+    line-height: 1.6;
+    display: block;
+
+    &:hover {
+      background-color: #d6e1e5;
+    }
+    .icons {
+      top: auto;
+      left: 8px;
+    }
+  }
+  .checkbox-inline, .radio-inline {
+    display: inline-block;
+  }
+
   .help-block {
     margin: $grid-gutter-width / 2;
     padding: $grid-gutter-width / 2;
     border: 2px dashed #d6e1e5;
   }
 
+}
+  .controls-radio-checkbox__old {
+    padding: 0px;
+    border: 1px solid #d6e1e5;
+    border-radius: 4px;
+    min-height: 20px;
   label {
     padding: 0;
     line-height: 2.7;
diff --git a/sapl/templates/sessao/presenca.html b/sapl/templates/sessao/presenca.html
index 202966c3a..99015f5f3 100644
--- a/sapl/templates/sessao/presenca.html
+++ b/sapl/templates/sessao/presenca.html
@@ -9,32 +9,40 @@
 <form method="POST">
   {% csrf_token %}
   <div class="controls">
-    <label for="id_check_all" class="checkbox">
-      <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
-    </label>
+    <div class="checkbox">
+      <label for="id_check_all">
+        <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
+      </label>
+      </div>
   </div>
   <br />
   <div class="controls">
-    <label for="id_ativos" class="checkbox">
-      <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
-      parlamentares ativos
-    </label>
+    <div class="checkbox">
+      <label for="id_ativos">
+        <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
+        parlamentares ativos
+      </label>
+      </div>
   </div>
   <br />
   <div class="controls ">
     {% for parlamentar, check in view.get_presencas %}
     {% if parlamentar.ativo %}
-    <label for="id_presenca_{{forloop.counter}}" class="checkbox">
-      <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
-        {% if check %} checked {% endif %}>
-      {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
-    </label>
+      <div class="checkbox">
+        <label for="id_presenca_{{forloop.counter}}">
+          <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
+          {% if check %} checked {% endif %}>
+          {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
+        </label>
+      </div>
     {% else %}
-    <label for="id_presenca_{{forloop.counter}}" class="checkbox inativos" style="display:none;">
-      <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
-        {% if check %} checked {% endif %}>
-      {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
-    </label>
+    <div class="checkbox inativos" style="display:none;">
+      <label for="id_presenca_{{forloop.counter}}" class="inativos" style="display:none;">
+        <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
+          {% if check %} checked {% endif %}>
+        {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
+      </label>
+    </div>
     {% endif %}
     {% endfor %}
   </div>
diff --git a/sapl/templates/sessao/presenca_ordemdia.html b/sapl/templates/sessao/presenca_ordemdia.html
index 98f184aa7..2264108bc 100644
--- a/sapl/templates/sessao/presenca_ordemdia.html
+++ b/sapl/templates/sessao/presenca_ordemdia.html
@@ -33,17 +33,21 @@
   <div class="controls">
     {% for parlamentar, check in view.get_presencas_ordem %}
       {% if parlamentar.ativo %}
-        <label for="id_presenca_{{forloop.counter}}" class="checkbox">
-          <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
-            {% if check %} checked {% endif %} />
-          {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
-        </label>
+        <div class="checkbox">
+          <label for="id_presenca_{{forloop.counter}}">
+            <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
+              {% if check %} checked {% endif %} />
+            {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
+          </label>
+        </div>
       {% else %}
-        <label for="id_presenca_{{forloop.counter}}"  class="checkbox inativos" style="display:none;">
-          <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
-            {% if check %} checked {% endif %} />
-          {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
-        </label>
+        <div class="checkbox inativos"  style="display:none;">
+          <label for="id_presenca_{{forloop.counter}}" >
+            <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
+              {% if check %} checked {% endif %} />
+            {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
+          </label>
+        </div>
       {% endif %}
     {% endfor %}
   </div>