more spacing consistency

components/footer.js

@@ -158,7 +158,7 @@ export default function Footer ({ links = true }) {
 
   return (
     <footer>
-      <Container className='mb-3 mt-4'>
+      <Container className='mb-3'>
         {links &&
           <>
             <div className='mb-1'>

components/layout.module.css

@@ -24,6 +24,7 @@
     flex-grow: 1;
     display: flex;
     flex-direction: column;
+    padding-bottom: 2rem;
 }
 
 .content form {

components/recent-header.js

@@ -17,7 +17,7 @@ export default function RecentHeader ({ type, sub }) {
   return (
     <div className='text-muted fw-bold mt-1 mb-3 d-flex justify-content-start align-items-center'>
       <Select
-        groupClassName='mb-0'
+        groupClassName='mb-2'
         className='w-auto'
         name='type'
         size='sm'

components/search.js

@@ -79,7 +79,7 @@ export default function Search ({ sub }) {
             </div>
             {filter && router.query.q &&
               <div className='text-muted fw-bold d-flex align-items-center flex-wrap pb-2'>
-                <div className='text-muted fw-bold d-flex align-items-center pb-2'>
+                <div className='text-muted fw-bold d-flex align-items-center'>
                   <Select
                     groupClassName='me-2 mb-0'
                     onChange={(formik, e) => search({ ...formik?.values, what: e.target.value })}