reduce space below search on mobile

src/components/layout/SectionHeading.tsx

@@ -10,8 +10,8 @@ interface SectionHeadingProps {
 
 export function SectionHeading(props: SectionHeadingProps) {
   return (
-    <div className={`mt-12 ${props.className}`}>
+    <div className={`${props.className}`}>
-      <div className="mb-4 flex items-end">
+      <div className="mb-3 flex items-center">
         <p className="flex flex-1 items-center font-bold uppercase text-denim-700">
           {props.icon ? (
             <span className="mr-2 text-xl">

src/views/search/HomeView.tsx

@@ -171,7 +171,7 @@ function NewDomainModal() {
 
 export function HomeView() {
   return (
-    <div className="mb-16 mt-32">
+    <div className="mb-16">
       <NewDomainModal />
       <Bookmarks />
       <Watched />

src/views/search/SearchView.tsx

@@ -22,7 +22,7 @@ export function SearchView() {
 
   return (
     <>
-      <div className="relative z-10 mb-24">
+      <div className="relative z-10 mb-16 sm:mb-24">
         <Helmet>
           <title>{t("global.name")}</title>
         </Helmet>