Merge branch 'issue-340/FIX-unformatted-notification' into 'develop'

Issue #340: FIX unformatted modal notification

See merge request !311

src/app/components/ItemNotification.js

@@ -91,17 +91,17 @@ export default function ItemNotification({ notification, postViewNotification })
                     />
                 }
             </div>
-            <div>
+            <div className="">
                 <p className="text-sm font-bold text-darkGray-HC-white line-clamp-1">
 
-                    {notification.owner.name}
+                    {notification.owner.name} <br />
                 </p>
                 <p className="text-sm font-normal text-darkGray-HC-white line-clamp-2 ">
                     {tradutor(notification.activity)}
-                    <a className="text-turquoise-HC-underline -hover" href={`recurso/${notification.recipient?.id}`} >
+                </p>
+                <a className=" text-sm text-turquoise-HC-underline -hover line-clamp-1" href={`recurso/${notification.recipient?.id}`} >
                     {notification.recipient?.name}
                 </a>
-                </p>
                 <p className="text-sm font-light text-darkGray-HC-white ">
                     {timeFunction(notification.created_at)}
                 </p>

src/app/components/ModalNotifications.js

@@ -81,7 +81,7 @@ export default function ModalNotifications({ countNotifications, notifications,
                 <div className='flex pr-2'  >
                     <div className='text-lg py-3 font-bold text-darkGray-HC-white pl-6 pr-16'> Notificações </div>
                     <button className='text-darkGray-HC-white-underline text-sm bg-mediumGray-HC-dark rounded-xl px-2 h-10 mt-1 mr-1 hover:bg-mediumGray-HC-white hover:text-darkGray-HC-dark-underline outline outline-1 outline-ice-HC-white' onClick={setViewdAllNotification}> Marcar como lidas </button>
-                </div>t 
+                </div>
                 <div className='px-4'>
                     <hr className='border-mediumGray-HC-white' />
                 </div>