Ajustes de CSS,titulo da tela MENTORIA, colocacao das legendas na tela de mentoria, conforme mockup

src/components/RedeHorarioCard/RedeHorarioCard.jsx

@@ -68,7 +68,7 @@ function RedeHorarioCard({ mentoria }) {
   return (
     <Container>
       <>
-        <RedeMarcarMentoria 
+        <RedeMarcarMentoria
           opened={open}
           image={`${urlFiles}/${mentoria.image}`}
           title={mentoria.title}
@@ -80,9 +80,9 @@ function RedeHorarioCard({ mentoria }) {
           onConfirm={(evt) => onConfirm(evt)}
         />
       </>
-      <Details style={{ borderBottom: 'none' }}>
-        <Label>Data</Label>
-        <Label>Hora</Label>
+      <Details style={{ borderBottom: 'none', marginBottom: '15px', paddingTop: '10px' }}>
+        <Label>Datas</Label>
+        <Label style={{ width:'30%' }}>Horários</Label>
       </Details>
       {timeInformation}
     </Container>

src/components/RedeHorarioCard/StyledComponents/Details.jsx

@@ -4,8 +4,8 @@ import Color from '../../../utils/colors.constants';
 const Details = styled.div`
 width: 100%;
 display:flex;
-justify-content: left;
 border-bottom: 2px solid ${Color.AZUL_CLARO};
+
 `;
 
 export default Details;

src/components/RedeHorarioCard/StyledComponents/Hours.jsx

@@ -6,7 +6,9 @@ const Hours = styled.div`
     flex-wrap: wrap;
     > button{
         margin-top: 5px;
-        margin-bottom: 5px;
+        margin-bottom: 2px;
+        padding: 7px 30px;
+        font-size: 0.8em;
     }
 `;
 

src/components/RedeHorarioCard/StyledComponents/index.jsx

@@ -2,6 +2,8 @@ import styled from 'styled-components';
 import Color from '../../../utils/colors.constants';
 
 const Container = styled.div`
+    color: ${Color.AZUL};
+    font-size: 1.3em;
     border: 3px solid ${Color.AZUL};
     border-radius: 10px;
     opacity: 1;
@@ -10,6 +12,7 @@ const Container = styled.div`
     width: 80%;
     padding-left: 5%;
     padding-right: 5%;
+    padding-bottom:2%;
     min-height: 210px;
     height:auto;
     margin-bottom: 50px;

src/pages/mentoria/StyledComponents/Legend.jsx

@@ -4,9 +4,11 @@ const Title = styled.div`
     display:flex;
     align-self:flex-end;
     button + button{
-        margin-left: 15px;
+        margin-left: 20px;
+        
     }
     button{
+        padding: 7px 12px;
         :hover{
             cursor:initial;
         }

src/pages/mentoria/StyledComponents/SubTitle.jsx

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import COLORS from '../../../utils/colors.constants';
 const Subtitle = styled.h2`
 font-family: Roboto, sans-serif;
-font-size: 1em;
+font-size: 0.8em;
 color : ${COLORS.AZUL};
 `;