From 501ed2c692218c6e52955a3deafaaa4b4ef23a7a Mon Sep 17 00:00:00 2001
From: Alvaro Gouvea <44756822+AlGouvea@users.noreply.github.com>
Date: Thu, 4 Nov 2021 10:58:38 -0300
Subject: [PATCH] =?UTF-8?q?Centraliza=C3=A7=C3=A3o=20do=20resultado=20no?=
 =?UTF-8?q?=20painel=20-=20Bootstrap=20(#3475)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Ajustado centralização do resultado da votação

* Ajuste da altura do resultado de forma dinamica - Bootstrap

* Removendo div nao usada
---
 sapl/templates/painel/index.html | 61 ++++++++++++++++----------------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/sapl/templates/painel/index.html b/sapl/templates/painel/index.html
index af19bf8da..7ce8f07b0 100644
--- a/sapl/templates/painel/index.html
+++ b/sapl/templates/painel/index.html
@@ -73,40 +73,41 @@
               <span id="parlamentares" class="text-value text-center"></span>
             </div>
           </div>
-          <div class="d-flex col-md-8 painels">
-            <div class="col-md-6 text-center painel" id="aparecer_oradores">  
-              <h2 class="text-subtitle">Oradores</h2>  
-              <span id="orador"></span>     
-            </div>
+          <div class="col-md-8 painels">
+            <div class="row">
+              <div class="col-md-4 text-center painel" id="aparecer_oradores">  
+                <h2 class="text-subtitle">Oradores</h2>  
+                <span id="orador"></span>     
+              </div>
 
-            <div class="col-md-6 text-center painel">  
-              <h2 class="text-subtitle">Cronômetros</h2>
-                <div class="text-value">
-                Discurso: <span id="cronometro_discurso"></span><br>
-                Aparte: <span id="cronometro_aparte"></span><br>
-                Questão de Ordem: <span id="cronometro_ordem"></span><br>
-                Considerações Finais: <span id="cronometro_consideracoes"></span>
+              <div class="col-md-7 text-center painel">  
+                <h2 class="text-subtitle">Cronômetros</h2>
+                  <div class="text-value">
+                  Discurso: <span id="cronometro_discurso"></span><br>
+                  Aparte: <span id="cronometro_aparte"></span><br>
+                  Questão de Ordem: <span id="cronometro_ordem"></span><br>
+                  Considerações Finais: <span id="cronometro_consideracoes"></span>
+                </div>
+              </div>
+              <div class="col-md-4 text-center painel" id="resultado_votacao_div">      
+                <h2 class="text-subtitle">Resultado</h2>   
+                <span id="votacao" class="text-value"></span> 
+                <h2><span id="resultado_votacao" lass="text-title"></span>
               </div>
-            </div>
-            
-            <div class="col-md-6 text-center painel" id="resultado_votacao_div">      
-              <h2 class="text-subtitle">Resultado</h2>   
-              <span id="votacao" class="text-value"></span> 
-              <h2><span id="resultado_votacao" lass="text-title"></span>
-            </div>
 
-            <div class="col-md-6 text-center painel" id="obs_materia_div">      
-              <h2 class="text-subtitle" id="mat_em_votacao">Matéria em Votação</h2>   
-              <span id="materia_legislativa_texto" class="text-value"></span>
-              <br>
-              <span id="materia_legislativa_ementa" class="text-value"></span>
-              <br>
-              <span id="observacao_materia" class="text-value"></span>
-            </div>
+              <div class="col-md-7 text-center painel" id="obs_materia_div">      
+                <h2 class="text-subtitle" id="mat_em_votacao">Matéria em Votação</h2>   
+                <span id="materia_legislativa_texto" class="text-value"></span>
+                <br>
+                <span id="materia_legislativa_ementa" class="text-value"></span>
+                <br>
+                <span id="observacao_materia" class="text-value"></span>
+              </div>
 
-            <div class="col-md-6 text-center painel" id="tema_solene_div" style="display: none">      
-              <h2 class="text-subtitle">Tema da Sessão Solene</h2>   
-                <span id="sessao_solene_tema" class="text-value"></span>
+              <div class="col-md-6 text-center painel" id="tema_solene_div" style="display: none">      
+                <h2 class="text-subtitle">Tema da Sessão Solene</h2>   
+                  <span id="sessao_solene_tema" class="text-value"></span>
+              </div>
             </div>
           </div>
         </div>