More styling fixes

Marjona6 · Apr 20, 2024 · 582759a · 582759a
1 parent bdaf943
commit 582759a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/pages/index.css b/pages/index.css
@@ -10,6 +10,7 @@ body {
 .vp-local-header {
   background-color: #42938d !important;
   height: 100px !important;
+  width: 100vw !important;
   align-items: center !important;
 }
 

diff --git a/pages/search/components/Filters/index.tsx b/pages/search/components/Filters/index.tsx
@@ -32,7 +32,7 @@ const Filters = ({
   }
 
   return (
-    <div className="flex flex-wrap w-screen justify-center gap-2 items-center h-fit">
+    <div className="flex flex-wrap w-full justify-center gap-2 items-center h-fit">
       <Select
         multi
         placeholder="Language"

diff --git a/pages/search/components/ResultsBar/index.tsx b/pages/search/components/ResultsBar/index.tsx
@@ -7,7 +7,7 @@ const ResultsBar = ({ numberOfResults = 0 }) => {
   const numberToShow = numberOfResults || 'No'
   const wordToShow = numberOfResults === 1 ? RESULT_TEXT : RESULTS_TEXT
   return (
-    <div className="flex w-screen ml-[-40px] pl-10 items-center bg-purple opacity-[60%] h-12 text-white">
+    <div className="flex w-screen ml-[-24px] md:ml-[-40px] pl-6 md:pl-10 items-center bg-purple opacity-[60%] h-12 text-white">
       {numberToShow} {wordToShow}
     </div>
   )