Ajuste da altura do resultado de forma dinamica - Bootstrap

sapl/templates/painel/index.html

@@ -73,13 +73,14 @@
               <span id="parlamentares" class="text-value text-center"></span>
             </div>
           </div>
-          <div class="d-flex col-md-8 painels">
+          <div class="col-md-8 painels">
-            <div class="col-md-6 text-center painel" id="aparecer_oradores">  
+            <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">  
+              <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>
@@ -88,14 +89,14 @@
                   Considerações Finais: <span id="cronometro_consideracoes"></span>
                 </div>
               </div>
-            
+              <div class="clearfix"></div>
-            <div class="col-md-6 text-center painel" id="resultado_votacao_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 class="col-md-6 text-center painel" id="obs_materia_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>
@@ -112,6 +113,7 @@
           </div>
         </div>
       </div>
+      </div>
   </body>
 
   {% block webpack_loader_js %}
@@ -308,9 +310,6 @@
                           orador.nome +'</td></tr>')
                     });
                     oradores.append('</table>');
-
-                    document.getElementById('resultado_votacao_div').style.marginTop = (((-45 * data["presentes"].length) / 2) + (60 * data["oradores"].length) + 50)+ "px";
-                    document.getElementById('obs_materia_div').style.marginTop = ((((-45 * data["presentes"].length)-1)/ 2) + 250)+ "px";
                   }
                   else {
                     $('#aparecer_oradores').hide();