feat: adiciona script para ajuste to tamanho de fontes de seçoes do painel eletronico (#3691)

Co-authored-by: joao <joao@mezzoplanejamento.com.br>

sapl/templates/painel/index.html

@@ -79,9 +79,17 @@
                       <span id="orador"></span>
                   </div>
 
-            <div class="col-md-6 text-center painel">  
+                  <div class="col-md-6 text-left painel">
-              <h2 class="text-subtitle">Cronômetros</h2>
+                      <div class="d-flex align-items-left justify-content-left mb-2">
-                <div class="text-value">
+                          <h2 class="text-subtitle mb-0">Cronômetros</h2>
+                          <button class="btn btn-sm btn-secondary ms-2" onclick="changeFontSize('box_cronometros', -1)">
+                              A-
+                          </button>
+                          <button class="btn btn-sm btn-secondary ms-2" onclick="changeFontSize('box_cronometros', 1)">
+                              A+
+                          </button>
+                      </div>
+                      <div class="text-value" id="box_cronometros">
                           Discurso: <span id="cronometro_discurso"></span><br>
                           Aparte: <span id="cronometro_aparte"></span><br>
                           Questão de Ordem: <span id="cronometro_ordem"></span><br>
@@ -89,10 +97,20 @@
                       </div>
                   </div>
 
-            <div class="col-md-6 text-center painel" id="resultado_votacao_div">      
+                  <div class="col-md-6 text-left painel" id="resultado_votacao_div">
-              <h2 class="text-subtitle">Resultado</h2>   
+                      <div class="d-flex align-items-left justify-content-left mb-2">
+                          <h2 class="text-subtitle mb-0">Resultado</h2>
+                          <button class="btn btn-sm btn-secondary ms-2" onclick="changeFontSize('box_votacao', -1)">
+                              A-
+                          </button>
+                          <button class="btn btn-sm btn-secondary ms-2" onclick="changeFontSize('box_votacao', 1)">
+                              A+
+                          </button>
+                      </div>
+                      <div id="box_votacao">
                           <span id="votacao" class="text-value"></span>
-              <h2><span id="resultado_votacao" lass="text-title"></span>
+                          <span id="resultado_votacao" lass="text-title"></span>
+                      </div>
                   </div>
 
                   <div class="col-md-6 text-center painel" id="obs_materia_div">
@@ -491,6 +509,14 @@
                 `<font color="`+color+`">${parlamentar.voto}</font> </td></tr>`)
      }
 
+      function changeFontSize(elementId, increment) {
+          let element = document.getElementById(elementId);
+          if (element) {
+              let currentSize = parseFloat(window.getComputedStyle(element, null).getPropertyValue('font-size'));
+              element.style.fontSize = (currentSize + increment) + 'px';
+          }
+      }
+     
   </script>
 </html>