From 0c633f57fd1896d736dbf75c326f2ee448fd676a Mon Sep 17 00:00:00 2001
From: GilenoNeto901 <gileno.santos@souunit.com.br>
Date: Wed, 3 Dec 2025 22:34:14 -0300
Subject: [PATCH] consertando algumas coisas

---
 src/PagesPaciente/ConsultasPaciente.jsx | 51 +++++++-------
 src/pages/style/Agendamento.css         | 92 ++++++++++++++++++++++++-
 2 files changed, 114 insertions(+), 29 deletions(-)

diff --git a/src/PagesPaciente/ConsultasPaciente.jsx b/src/PagesPaciente/ConsultasPaciente.jsx
index 2b767e0..f3aa24d 100644
--- a/src/PagesPaciente/ConsultasPaciente.jsx
+++ b/src/PagesPaciente/ConsultasPaciente.jsx
@@ -239,34 +239,29 @@ const Agendamento = ({ setDictInfo }) => {
     <div>
       <h1>Minhas consultas</h1>
       <div
-        className="btns-gerenciamento-e-consulta"
-        style={{ display: 'flex', gap: '10px', marginBottom: '20px' }}
-      >
-        <button
-          className="btn-adicionar-consulta"
-          onClick={() => {
-            setPageConsulta(true);
-            setFiladeEspera(false);
-          }}
-          style={{ backgroundColor: PageNovaConsulta ? '#1d4ed8' : undefined }}
-        >
-          <i className="bi bi-plus-circle"></i> Solicitar Agendamento
-        </button>
-        <button
-          className="btn-adicionar-consulta"
-          onClick={() => {
-            setFiladeEspera(!FiladeEspera);
-            setPageConsulta(false);
-          }}
-          style={{
-            backgroundColor:
-              FiladeEspera && !PageNovaConsulta ? '#1d4ed8' : undefined,
-          }}
-        >
-          <i className="bi bi-list-task me-1"></i> Fila de Espera (
-          {filaEsperaData.length})
-        </button>
-      </div>
+  className="btns-gerenciamento-e-consulta"
+  style={{ display: 'flex', gap: '10px', marginBottom: '20px' }}
+>
+  <button
+    className="btn btn-primary btn-consulta-paciente"
+    onClick={() => {
+      setPageConsulta(true);
+      setFiladeEspera(false);
+    }}
+  >
+    <i className="bi bi-plus-circle"></i> Solicitar Agendamento
+  </button>
+  <button
+    className="btn btn-primary btn-consulta-paciente"
+    onClick={() => {
+      setFiladeEspera(!FiladeEspera);
+      setPageConsulta(false);
+    }}
+  >
+    <i className="bi bi-list-task me-1"></i> Fila de Espera ({filaEsperaData.length})
+  </button>
+</div>
+
 
       {!PageNovaConsulta ? (
         <div className="atendimento-eprocura">
diff --git a/src/pages/style/Agendamento.css b/src/pages/style/Agendamento.css
index eac6938..37b2611 100644
--- a/src/pages/style/Agendamento.css
+++ b/src/pages/style/Agendamento.css
@@ -326,4 +326,94 @@ table {
     padding: 8px; 
     white-space: nowrap; 
 }
-}
\ No newline at end of file
+}
+.container-btns-agenda-fila_esepera {
+  display: flex;
+  justify-content: space-between; /* abas à esquerda, botões à direita */
+  align-items: center;
+  gap: 16px;              /* opcional: espaço entre os blocos */
+  width: 100%;
+}
+
+/* garante que os botões fiquem em linha */
+.btns-gerenciamento-e-consulta {
+  display: flex;
+  gap: 8px;
+}
+
+/* em telas muito pequenas, pode empilhar verticalmente */
+@media (max-width: 768px) {
+  .container-btns-agenda-fila_esepera {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .btns-gerenciamento-e-consulta {
+    justify-content: flex-start; /* ou center se preferir */
+    flex-wrap: wrap;
+  }
+}
+/* barra de abas + botões */
+.container-btns-agenda-fila_esepera {
+  margin-bottom: 0;   /* cola com a linha de baixo */
+}
+
+/* dá só um respiro pequeno entre as abas e o conteúdo,
+   mas igual para Agenda e Fila de espera */
+.calendario-ou-filaespera {
+  margin-top: 4px;    /* aumenta um pouquinho, não 20px */
+  padding-top: 0;
+}
+
+/* se o título "Fila de Espera" estiver mais distante,
+   aproxima só o conteúdo dessa área também */
+.page-content.table-paciente-container {
+  margin-top: 4px;
+}
+/* 1) container das abas + botões: encostado no topo */
+.container-btns-agenda-fila_esepera {
+  margin-bottom: 0;
+}
+
+/* 2) sempre cria um espaçamento logo DEPOIS das abas,
+      antes de qualquer conteúdo (Agenda ou Fila) */
+.container-btns-agenda-fila_esepera + .calendario-ou-filaespera {
+  margin-top: 8px;      /* aumenta ou diminui aqui */
+  padding-top: 0;
+}
+
+/* 3) garante que o primeiro filho da section não roube/colapse margens */
+.calendario-ou-filaespera > *:first-child {
+  margin-top: 0 !important;
+}
+/* mesmos blocos azuis e quadrados */
+.btn-consulta-paciente {
+  display: inline-flex;
+  align-items: center;       /* alinha ícone + texto verticalmente */
+  justify-content: center;
+  gap: 6px;                  /* espaço entre ícone e texto */
+  padding: 10px 22px;        /* altura/largura parecidas com os azuis */
+  border-radius: 6px;        /* se os outros forem 6px, mantém igual */
+  font-weight: 500;
+  border: none;
+}
+
+/* garante mesma cor dos blocos da secretaria */
+.btn-consulta-paciente.btn-primary {
+  background-color: #1d4ed8;   /* azul escuro do primeiro bloco */
+}
+
+/* se quiser hover igual */
+.btn-consulta-paciente.btn-primary:hover {
+  background-color: #1437a3;
+}
+.btn-consulta-paciente {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 10px 22px;
+  border-radius: 6px;
+  font-weight: 500;
+  border: none;
+}