Issue #146: FIX general details

src/app/components/Header.js

@@ -130,13 +130,13 @@ function DefaultContent({
 
 function MobileSearch({ setFilterState, filterState, handleToggleMobileSearch }) {
   return (
-    <div className="flex w-full items-center gap-3">
+    <div className="flex w-full items-center">
       <SearchComponent setFilterState={setFilterState} filterState={filterState} />
       <button
         type="button"
         alt="Fechar busca"
         title="Fechar busca"
-        className="bg-text-color hover:bg-text-color w-10 h-10 rounded text-white shrink-0 transition"
+        className={"bg-text-color w-10 h-10 rounded text-white shrink-0  transition-all duration-30000 hover:bg-blue-button"}
        onClick={handleToggleMobileSearch}
       >
         <CloseIcon className="h-full text-3xl " />
@@ -157,7 +157,9 @@ export default function Header({ setFilterState, filterState, handleOpenMenu })
 
 
   const handleToggleMobileSearch = () => {
+    setTimeout(() => {
       setMobileSearchOpen((curr) => !curr);
+    }, 100); 
   };
 
   return (

src/app/components/SearchComponent.js

@@ -176,22 +176,6 @@ export default function SearchComponent({ setFilterState, filterState, sizeWindo
         >
           <SearchIcon className="h-full text-3xl" />
         </button>
-        <button
-          type="button"
-          alt="Busca por voz"
-          title="Busca por voz"
-          className=" bg-grey-button hover:bg-text-color w-10 h-10 rounded outline outline-1 outline-outlineColor text-text-color hover:text-white flex-shrink-0 transition"
-        >
-          <KeyboardVoiceIcon className="h-full text-3xl" />
-        </button>
-        <button
-          type="button"
-          alt="Teclado virtual"
-          title="Teclado virtual"
-          className=" bg-grey-button hover:bg-text-color w-10 h-10 rounded text-text-color hover:text-white flex-shrink-0 transition outline outline-1 outline-outlineColor"
-        >
-          <KeyboardIcon className="h-full text-3xl" />
-        </button>
       </div>
       {drop && (
         <div

src/app/components/SideBar.js

@@ -144,7 +144,7 @@ export default function SideBar({ setFilterState, filterState, openMenu }) {
                   // id={item.id + '_open'}
                   href={item.href === "/sobre" ? item.href : "/busca?page=" + item.href}
                   key={index}
-                  className={` pr-8 cursor-pointer rounded-xl pl-2 pb-1 pt-1 max-w-52 mb-1 ${pathname === item.href
+                  className={` pr-8 cursor-pointer rounded-xl ml-2 pb-1 pt-1 max-w-52 mb-1 ${pathname === item.href
                     ? "bg-secondary text-white  hover:bg-secondary-hover focus:bg-secondary-hover"
                     : " hover:bg-main-hover focus:bg-main-hover"
                     } `}
@@ -154,8 +154,8 @@ export default function SideBar({ setFilterState, filterState, openMenu }) {
                       ? " text-white  hover:bg-secondary-hover focus:bg-secondary-hover"
                       : "hover:bg-main-hover text-gray-color focus:bg-main-hover"
                       }`}
-                  />{" "}
-                  {tradutor(item.href)}
+                  />
+                  <span className="ml-1">{tradutor(item.href)}</span>
                 </Link>
               );
             })}
@@ -173,7 +173,7 @@ export default function SideBar({ setFilterState, filterState, openMenu }) {
             {subjectsAvailable.map((item, index) => {
               return (
                 <a
-                  className={` cursor-pointer rounded-xl pl-2 mb-1 p-[1px] max-w-52  ${selectedSubject[index]
+                  className={` cursor-pointer rounded-xl ml-20 mb-1 p-[1px] max-w-52  ${selectedSubject[index]
                     ? "bg-secondary text-main  hover:bg-secondary-hover"
                     : "  hover:bg-main-hover"
                     }`}