style: Update snapshots for HelplineCard and Helplines components; adjust padding and bottom positioning in Hero component for improved responsiveness

Author: Kevin Koech

apps/trustlab/src/components/HelplineCard/HelplineCard.snap.js

@@ -40,7 +40,7 @@ exports[`<HelplineCard /> renders unchanged 1`] = `
       class="MuiCardActions-root MuiCardActions-spacing css-jbneu4-MuiCardActions-root"
     >
       <button
-        class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-1xmfh2b-MuiButtonBase-root-MuiButton-root"
+        class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-9imgqu-MuiButtonBase-root-MuiButton-root"
         tabindex="0"
         type="button"
       />

apps/trustlab/src/components/Helplines/Helplines.snap.js

@@ -17,7 +17,7 @@ exports[`<Helplines /> renders unchanged 1`] = `
           Rapid Response
         </h2>
         <div
-          class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-2 MuiGrid2-spacing-md-10 css-ukfad2-MuiGrid2-root"
+          class="MuiGrid2-root MuiGrid2-container MuiGrid2-direction-xs-row MuiGrid2-spacing-xs-6 MuiGrid2-spacing-md-10 css-4raq6m-MuiGrid2-root"
         >
           <div
             class="MuiGrid2-root MuiGrid2-direction-xs-row MuiGrid2-grid-xs-12 MuiGrid2-grid-sm-4 css-8o12w-MuiGrid2-root"
@@ -72,7 +72,7 @@ exports[`<Helplines /> renders unchanged 1`] = `
                 class="MuiCardActions-root MuiCardActions-spacing css-jbneu4-MuiCardActions-root"
               >
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-1xmfh2b-MuiButtonBase-root-MuiButton-root"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-9imgqu-MuiButtonBase-root-MuiButton-root"
                   tabindex="0"
                   type="button"
                 />
@@ -132,7 +132,7 @@ exports[`<Helplines /> renders unchanged 1`] = `
                 class="MuiCardActions-root MuiCardActions-spacing css-jbneu4-MuiCardActions-root"
               >
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-1xmfh2b-MuiButtonBase-root-MuiButton-root"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-9imgqu-MuiButtonBase-root-MuiButton-root"
                   tabindex="0"
                   type="button"
                 />
@@ -192,7 +192,7 @@ exports[`<Helplines /> renders unchanged 1`] = `
                 class="MuiCardActions-root MuiCardActions-spacing css-jbneu4-MuiCardActions-root"
               >
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-1xmfh2b-MuiButtonBase-root-MuiButton-root"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-9imgqu-MuiButtonBase-root-MuiButton-root"
                   tabindex="0"
                   type="button"
                 />

apps/trustlab/src/components/Hero/Hero.js

@@ -96,7 +96,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
               >
                 <Box
                   sx={{
-                    pt: { xs: 6, sm: 0 },
+                    pt: { xs: 6, sm: 0, md: 6 },
                     px: { xs: 2.5, md: 0 },
                     margin: "0 auto",
                     maxWidth: theme.contentWidths.values,
@@ -228,7 +228,7 @@ const Hero = forwardRef(function Hero({ slides }, ref) {
           <Box
             sx={{
               position: "absolute",
-              bottom: { xs: 46, md: 62 },
+              bottom: 32,
               left: "50%",
               transform: "translateX(-50%)",
               px: { xs: 2.5, sm: 0 },