Correcao de layout

public/js/views/agentesLogados/index.js

@@ -68,13 +68,6 @@ async function montarRelatorios()
                     ${agenteIsPausa}
 
 
-                    <form method="POST" action="/dashboard/agentes/{{$fila->id}}/desconectar" title="Desconectar Pausa?" class="bg-red-600 text-white flex-1 rounded text-xl text-center py-2 px-3" >
-                        @csrf
-                        <input type="hidden" name="supervisor_id" value="${supervisor.id}">
-                        <button >
-                            <i class="fas fa-power-off"></i>
-                        </button>
-                    </form>
                 </td>
             </tr>
         `
@@ -84,6 +77,13 @@ async function montarRelatorios()
     $(".table-relatorio").html(elementsTable);
 }
 
+{/* <form method="POST" action="/dashboard/agentes/{{$fila->id}}/desconectar" title="Desconectar Pausa?" class="bg-red-600 text-white flex-1 rounded text-xl text-center py-2 px-3" >
+@csrf
+<input type="hidden" name="supervisor_id" value="${supervisor.id}">
+<button >
+    <i class="fas fa-power-off"></i>
+</button>
+</form> */}
 function selecionaAgente(supervisor_id){
     console.log(supervisor_id);
     const modal = document.querySelector(".modal");

public/js/views/dashboard/index.js

@@ -36,7 +36,7 @@ async function montarRelatorios()
         elementsTable += `
         <tr class="bg-white dark:bg-gray-800 dark:border-gray-600 border-b-2">
                 <td class="text-center" title="Ativar essa fila">
-                    <a href="dashboard/agentes/${relatorio.fila_id}" class="text-xl p-2 hover:bg-gray-100 hover:dark:bg-gray-700 rounded-full">
+                    <a href="dashboard/agentes/${relatorio.fila_id}" class="text-xl p-2 hover:bg-gray-700 rounded-full">
                         <i class="fas fa-play-circle text-gray-900 dark:text-gray-100">
                             </i>
                     </a>
@@ -47,7 +47,7 @@ async function montarRelatorios()
                 <td class="p-3 text-sm text-gray-700 dark:text-gray-100 text-left">0</td>            
                 <td class="p-3 text-sm text-gray-700 dark:text-gray-100">
                     <div title="Colocar fila em Pausa" class="dark:bg-white bg-gray-800 hover:bg-gray-100 hover:dark:bg-gray-500 rounded-full w-6 h-6 flex items-center justify-center cursor-pointer" onclick="selecionaFila(${relatorio.fila_id})">
-                        <i class="fas fa-pause dark:text-gray-900 text-gray-100 text-xs"></i></button>
+                        <i class="fas fa-pause text-gray-900 text-xs"></i></button>
                     </div>
                 </td>            
             </tr>