Detalhes esteticos finalizados

src/components/AgendarConsulta/TabelaAgendamentoMes.jsx

@@ -220,6 +220,9 @@ const TabelaAgendamentoMes = ({ ListarDiasdoMes, agendamentos, setShowDeleteModa
       {
         semana && typeof semana === "object" && Object.keys(semana).map((dia) => (
           <td key={dia} >
+            <div className='dia-tabelamensal'>
+             <p> {(semana[dia]|| [])[0]?.scheduled_at.split("-")[2].split("T")[0]}</p>
+            </div>
             <CardConsulta TabelaAgendamento={'mes'} DadosConsulta={((semana[dia]|| [])[0]) || {status:'vazio'}} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal}  coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>
             <CardConsulta TabelaAgendamento={'mes'} DadosConsulta={((semana[dia]|| [])[1]) || {status:'vazio'}} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal}  coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>
             <CardConsulta TabelaAgendamento={'mes'} DadosConsulta={((semana[dia]|| [])[2]) || {status:'vazio'}} setShowDeleteModal={setShowDeleteModal} setSelectedId={setSelectedId} setDictInfo={setDictInfo} setShowConfirmModal={setShowConfirmModal}  coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID} listaConsultasID={listaConsultasID}/>

src/components/AgendarConsulta/style/card-consulta.css

@@ -55,10 +55,7 @@
 
 /* 7. Estilos para os ícones dentro dos botões (já está no JSX com fs-4) */
 /* .fs-4 do Bootstrap já cuida do tamanho do ícone. Se precisar de mais controle, adicione aqui. */
-.action-button .bi {
+
-    /* Exemplo: se precisar de um ajuste fino além do fs-4 */
-    /* font-size: 1.5rem; */
-}
 
 .btn-confirm-style{
    background-color: #5ce687;
@@ -70,3 +67,21 @@
   border: #91d392;
 }
 
+/* Aplique isso às classes que contêm os nomes do Médico e do Paciente */
+
+.cardconsulta-infosecundaria p,
+.cardconsulta-infoprimaria p {
+    /* 1. Força o texto a não quebrar para a próxima linha */
+    white-space: nowrap; 
+    
+    /* 2. Oculta qualquer texto que ultrapasse a largura do contêiner */
+    overflow: hidden; 
+    
+    /* 3. Adiciona reticências (...) ao final do texto truncado */
+    text-overflow: ellipsis; 
+}
+
+.tabelamensal .container-cardconsulta{
+  width: 24rem;
+
+}

src/components/AgendarConsulta/style/styleTabelas/tabelames.css

@@ -231,3 +231,9 @@ html[data-bs-theme="dark"] .cards-que-faltam {
  
 }
 
+.dia-tabelamensal p {
+    font-weight: bold; /* Deixa o número em negrito */
+    color: #0078d7; /* Garante que seja preto */
+    font-size: 16px; /* Ajuste o tamanho para harmonizar com o restante */
+    /* Adicione a mesma família de fonte usada para o restante do app, se necessário */
+}