Merge branch 'issue-290/style-of-the-share-profile-button' into 'develop'

Issue #290: FIX Style of the share profile button

See merge request !269

src/app/components/ShareButton.js

@@ -18,12 +18,12 @@ export default function ShareButton({ type, id }) {
     return (
         <>
             <button
-                className="p-2 text-sm rounded-xl max-md:my-3 bg-ice-HC-dark hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark outline outline-1 outline-ice-HC-white text-darkGray-HC-white-underline font-bold normal-case flex justify-center items-center gap-2"
+                className="p-2 text-sm rounded-[10px] w-48 h-11 max-md:my-3 hover:bg-darkGray-HC-white hover:text-darkGray-HC-dark outline outline-1 outline-lightGray-HC-white text-darkGray-HC-white-underline hover:text-white-HC-dark-underline font-bold normal-case flex justify-center items-center gap-2"
                 onClick={() => setShareOpen(true)}
                 aria-label="Compartilhar"
             >
                 <ShareOutlinedIcon fontSize="small" />
-                <span className="hidden md:inline">Compartilhar</span>
+                <span className="hidden md:inline">Compartilhar perfil</span>
             </button>
             <ShareModal
                 open={shareOpen}

src/app/components/ShareModal.js

@@ -51,7 +51,7 @@ export default function ShareModal({ open, onClose, title, link }) {
               <Button
                 disableElevation
                 variant="outlined"
-                className="border-darkGray-HC-white text-darkGray-HC-white-underline border text-lg normal-case flex gap-2 "
+                className="border border-lightGray-HC-white text-darkGray-HC-white-underline hover:bg-darkGray-HC-white hover:text-white-HC-dark-underline text-lg normal-case flex gap-2 "
                 sx={{ justifyContent: "start" }}
                 onClick={() => {
                   navigator.clipboard.writeText(link);

src/app/perfil/[id]/components/GroupButton.js

@@ -111,10 +111,10 @@ export default function GroupButton({ profileData, idLogin }) {
   return (
     <>
       <div className='pb-4 flex flex-row max-lg:flex-col justify-between max-lg:items-center max-lg:pt-8 max-lg:mr-0  mr-10'>
-        <div className='flex flex-row gap-4  max-sm:flex-col  max-sm:items-center' >
+        <div className='flex flex-row gap-4 max-sm:flex-col  max-sm:items-center' >
           {idLogin == profileData["id"] ?
             <button
-              className={`text-[16px] rounded-[10px] normal-case h-10 font-bold w-48 text-white-HC-dark-underline hover:text-white bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark outline outline-1 outline-ice-HC-white `}
+              className={`text-[16px] rounded-[10px] normal-case h-11 font-bold w-44 text-white-HC-dark-underline hover:text-white bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark outline outline-1 outline-ice-HC-white `}
               alt="Editar meu perfil"
               onClick={() => router.push(`/editar/${idLogin}`)}
             >