Issue #347: FIX buttons positions on my collections page (edit, delete, download and share)

src/app/components/ModalNotifications.js

@@ -35,7 +35,6 @@ export default function ModalNotifications({ countNotifications, notifications,
         postViewNotification(payload)
     }
         
-        console.log ("notificações: ", notifications)
     return (
         <div>
             <Button

src/app/components/Notifications.js

@@ -34,7 +34,6 @@ export default function Notifications() {
 
                     // temp pq o set fica um passo atras ai nao eh possivel usar o set do countNotifications
                     let temp = data.filter((noti) => {return((noti.viewed === false && noti.activity != "complaint.create"))})                    
-                    console.log ("temp", temp)
                     setNotifications(temp)
                     setCountNotifications(temp.length)
                 })

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

@@ -16,7 +16,7 @@ export default function EditCollectionButton({ collectionId, collectionData, onU
         <button
           className="p-2 text-sm outline outline-1 outline-ice-HC-white 
             text-darkGray-HC-white-underline bg-ice-HC-dark hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark-underline
-            rounded-lg font-bold normal-case flex items-center justify-center gap-2 lg:w-32 max-lg:mr-1 w-9 max-lg:h-9"
+            rounded-xl font-bold normal-case flex items-center justify-center gap-2 lg:w-32 max-lg:mr-1 w-9 max-lg:h-9"
           onClick={() => setEditOpen(true)}
           aria-label="Editar"
         >

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

@@ -188,11 +188,15 @@ export default function ProfileCollections({ id, idLogin }) {
                 <div key={index} className="bg-white-HC-dark  outline outline-1 outline-ice-HC-white mb-10 pt-6 px-4 rounded-2xl relative">
 
                   {/* Cabeçalho com título, autor e botões */}
-                  <div className="flex justify-between items-start">
+                  <div className="flex justify-between items-start w-full">
                     {/* Título e autor */}
-                    <div className="flex flex-col">
+                    <div className="flex flex-col max-w-[60%] max-xl:max-w-[50%] max-md:max-w-[75%]">
                       <p className="text-2xl font-bold mb-1 text-darkGray-HC-white-underline hover:underline">
-                        <Link href={`/colecao/${item.id}`}>{item.name}</Link>
+                        <Link href={`/colecao/${item.id}`}>
+                          <span className="block truncate whitespace-nowrap overflow-hidden text-ellipsis">
+                            {item.name}
+                          </span>
+                        </Link>
                       </p>
                       <p className="ml-1 text-darkGray-HC-white-underline">
                         por <Link className="hover:underline" href={`/perfil/${item.owner.id}`}>{item.owner.name}</Link>
@@ -205,7 +209,7 @@ export default function ProfileCollections({ id, idLogin }) {
                       <DownloadButton id={item.id} objects={item.collection_items} />
                       <ShareButton id={item.id} type={'colecao'} />
                       {id === idLogin && (
-                        <div className="flex lg:gap-2">
+                        <div className="flex xl:gap-2">
                           {/* Botão de Editar */}
                           <EditCollectionButton
                             collectionId={item.id}
@@ -219,7 +223,7 @@ export default function ProfileCollections({ id, idLogin }) {
                               p-2 
                               max-lg:w-9 max-lg:h-9 max-lg:ml-2
                               text-sm
-                              rounded-lg
+                              rounded-xl
                               text-black-HC-white
                               font-bold 
                               normal-case
@@ -258,7 +262,7 @@ export default function ProfileCollections({ id, idLogin }) {
               fullWidth
               disableElevation
               variant="outlined"
-              className="mb-2 border-hidden hover:bg-transparent rounded-lg normal-case"
+              className="mb-2 border-hidden hover:bg-transparent rounded-xl normal-case"
               onClick={() => toggleContent()}
               alt="Ver mais"
             >