Inicio da refatoração do painel

sapl/templates/painel/index.html

@@ -66,7 +66,7 @@
         <div style="margin-bottom: 50px;"> <!-- outer div -->
           <div class="d-flex justify-content-start">
             <div class="col-md-2"></div>
-            <div class="col-md-3"> <!-- Lista parlamentares -->
+            <div class="col-md-4 text-center"> <!-- Lista parlamentares -->
               <div class="text center painel">
                 <h2 class="text-subtitle">Parlamentares</h2>
                 <div v-if="painel_aberto"> <!-- v-if -->
@@ -93,7 +93,9 @@
                 </div> <!-- v-if -->
               </div>
             </div> <!-- Lista parlamentares -->
-            <div class="d-flex col-md-7 painels justify-content-center">
+            <div class="col-md-6 painels">
+              <div class="row">
+                <div class="col-md-6">
                   <div v-if="oradores.length > 0" class="text-center painel" id="aparecer_oradores">
                     <h2 class="text-subtitle">Oradores</h2>
                     <div v-if="painel_aberto"> <!-- v-if Lista de oradores-->
@@ -114,11 +116,7 @@
                     </div>
                   </div>
                 </div>
-          </div>
-        </div> <!-- outer div -->
-        <div class="row"> <!-- row -->
-          <div class="col-md-2"></div>
-          <div class="col-md-4 text-left painel">
+                <div class="col-md-6 text-center painel">
                   <h2 class="text-subtitle">Cronômetros</h2>
                   <div class="text-value">
                     Discurso:<span id='discurso' style="margin-right: 20px;">[[ cronometro_discurso ]]</span><span v-if="painel_aberto">
@@ -143,10 +141,10 @@
                       <span id="sessao_solene_tema" class="text-value">[[ sessao_solene_tema ]]</span>
                   </div>
                 </div>
-          <div v-else class="col-md-5" style="margin-left: 51vw; position: absolute;">
-            <div v-if="painel_aberto" style="margin-top: -50vh;">
-                <div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div">
-                    <h2 class="text-subtitle" style="margin-left: -50px; margin-top: 50px;">Resultado</h2>
+                <div v-else>
+                  <div v-if="painel_aberto">
+                      <div v-if="!sessao_finalizada" class="text-center painel" id="resultado_votacao_div" class="col-md-6">
+                          <h2 class="text-subtitle">Resultado</h2>
                           <div v-if="materia_legislativa_texto">
                               <span id="votacao" class="text-value">
                                   <li>Sim: [[ numero_votos_sim ]]</li>
@@ -161,7 +159,7 @@
                               <center>Não há votação, pois não há nenhuma matéria aberta ou já votada.</center>
                           </div>
                       </div>
-                <div v-if="painel_aberto">
+                      <div v-if="painel_aberto" class="col-md-6">
                           <div v-if="!sessao_finalizada" class="text-center painel" id="obs_materia_div">
                               <h2 class="text-subtitle" id="mat_em_votacao">[[ mat_em_votacao ]]</h2>
                               <div v-if="materia_legislativa_texto !== ''">
@@ -189,7 +187,10 @@
                           </div>
                     </div>
                   </div>
-        </div> <!-- row -->
+              </div>
+            </div>
+          </div>
+        </div> <!-- outer div -->
       </div> <!-- app painel -->
     </body>