minor styles

Vizzuality · Oct 4, 2023 · 9e8b152 · 9e8b152
1 parent feec14a
commit 9e8b152
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/containers/stories-page/index.tsx b/src/containers/stories-page/index.tsx
@@ -49,7 +49,9 @@ const Stories = () => {
 
       <Samples />
 
-      <List />
+      <div className="-mt-72">
+        <List />
+      </div>
     </motion.section>
   );
 };

diff --git a/src/containers/stories-page/list/index.tsx b/src/containers/stories-page/list/index.tsx
@@ -59,10 +59,10 @@ const List = () => {
   return (
     <>
       <Media greaterThanOrEqual="md">
-        <div className="bg-beige md:py-28">
+        <div className="bg-beige md:pb-28 md:pt-72">
           <Wrapper>
             <div className="xl:grid xl:grid-cols-12">
-              <div className="flex flex-col space-y-4 xl:col-span-10 xl:col-start-2 mb-12">
+              <div className="flex flex-col space-y-4 xl:col-span-10 xl:col-start-2 my-12">
                 <p className="text-gray-800 text-base">Filter by:</p>
                 <div className="flex space-x-3">
                   <div className="xl:w-1/3">
@@ -115,7 +115,7 @@ const List = () => {
 
             <motion.div className="flex justify-center w-full py-10" {...IN_VIEW_PROPS}>
               <Button
-                className="rounded-full border-gray-800 text-gray-800"
+                className="rounded-full border-gray-800 text-gray-800 hover:text-cream-400"
                 theme="secondary"
                 size="xs"
                 onClick={() => console.info('Show more stories')}