minor styles

Vizzuality · Oct 4, 2023 · feec14a · feec14a
1 parent 06016bf
commit feec14a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/src/containers/stories-page/index.tsx b/src/containers/stories-page/index.tsx
@@ -27,24 +27,21 @@ const Stories = () => {
   return (
     <motion.section ref={sectionRef} id="stories" className="overflow-x-hidden bg-white">
       <Wrapper>
-        <div className="pt-10 pb-4 lg:pb-20 lg:pt-32 lg:grid lg:grid-cols-3">
+        <div className="pt-10 pb-4 lg:pb-10 lg:pt-44 lg:grid lg:grid-cols-3">
           <Hero
             className="col-span-2 col-start-1 text-gray-800"
-            title="Stories"
-            subtitle="Here are some of the stories we have heard from the ground."
+            subtitle="Get inspired with real nature-based, community-led action on the ground."
           />
         </div>
         <motion.div
-          className="pb-4 font-sans text-base text-gray-800 xl:pb-20 md:text-lg lg:grid lg:grid-cols-3 lg:gap-10"
+          className="pb-4 font-sans text-base text-gray-800 xl:pb-20 md:text-lg lg:grid lg:grid-cols-2"
           {...IN_VIEW_PROPS}
         >
-          <div className="col-start-1 pb-4 lg:pb-0">
-            <p>Nature-based solutions are ready to be deployed right now, everywhere.</p>
-          </div>
-          <div className="col-start-2 space-y-4 md:space-y-6">
+          <div className="pb-4 lg:pb-0">
             <p>
-              From south to north, east to west, people have been taking action and leading the way
-              to reverse nature loss and create new sustainable economies.
+              Natural climate solutions are ready to be deployed now, across the globe. From south
+              to north, east to west, people have been taking action and leading the way to unlock
+              the power of nature for our collective future.
             </p>
           </div>
         </motion.div>

diff --git a/src/containers/stories-page/list/index.tsx b/src/containers/stories-page/list/index.tsx
@@ -39,7 +39,6 @@ const List = () => {
         if (filters.categories.length > 0) {
           if (!filters.categories.includes(story.category)) return false;
         }
-
         if (filters.media.length > 0) {
           if (!filters.media.some((m: MediaType) => story.media.includes(m))) return false;
         }
@@ -116,7 +115,7 @@ const List = () => {
 
             <motion.div className="flex justify-center w-full py-10" {...IN_VIEW_PROPS}>
               <Button
-                className="rounded-full"
+                className="rounded-full border-gray-800 text-gray-800"
                 theme="secondary"
                 size="xs"
                 onClick={() => console.info('Show more stories')}