Issue #308: FIX sidebar responsive and resources boards cards on resources page

src/app/components/GroupCardsCollections.js

@@ -58,8 +58,6 @@ export default function GroupCardsCollections({ data, cardsPerRow, collectionId
         {showButton ?
           (
             <button                
-                fullWidth
-                disableElevation
                 variant="outlined"
                 className="group hover:bg-lightGray-HC-white text-darkGray-HC-white hover:text-darkGray-HC-dark transition-all duration-300 -ml-4 py-2 border-hidden rounded-xl normal-case flex justify-center items-center gap-2"
                 onClick={toggleContent}

src/app/components/Header.js

@@ -151,7 +151,7 @@ export default function Header({ setFilterState, filterState, mobileSearch }) {
   };
 
   return (
-    <div className="fixed flex items-center max-md:h-[70px] h-[110px] top-[35px] max-md:top-[0px] z-20 shadow-none w-screen bg-fundo bg-repeat bg-fixed">
+    <div className="fixed flex items-center max-md:h-[70px] h-[120px] top-[35px] max-md:top-[0px] z-20 shadow-none w-screen bg-fundo bg-repeat bg-fixed">
       <div className="flex flex-grow gap-3 sm:gap-12 justify-between ">
         {mobileSearchOpen || mobileSearch.searchIsClicked ? (
           <MobileSearch handleToggleMobileSearch={handleToggleMobileSearch} setFilterState={setFilterState} filterState={filterState} />

src/app/components/InfiniteScrollCards.js

@@ -125,7 +125,7 @@ export default function InfiniteScrollCards({ data, searchClass, setNewSize, new
 
             case "LearningObject":
                 return (
-                    <div className="flex max-2xl:gap-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
+                    <div className="flex max-2xl:gap-4 gap-2 gap-y-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
                         {data?.map((item, index) => (
                             <Cards
                                 id={item['id']}

src/app/components/Overlay.js

@@ -76,7 +76,7 @@ export default function Overlay({
             // Passar o parâmetro type={twoColumns} para páginas que possuem duas colunas (ex: InfiniteScroll, Perfil)
             type === "twoColumns" ?
               <div className="flex w-full">
-                <div className="fixed pt-[150px] w-[150px] overflow-y-auto h-screen  scrollbar-none">
+                <div className="fixed pt-[160px] w-[150px] overflow-y-auto h-screen  scrollbar-none">
                   <SideBar setFilterState={setFilterState} filterState={filterState} />
                 </div>