Small layout tweaks

client/layouts/DetailsLayout.tsx

@@ -21,7 +21,7 @@ const DetailsLayout: React.FC<DetailsLayoutProps> = ({ title, children }) => {
                 style={{
                     alignItems: 'center',
                     backgroundColor: '#00449E',
-                    borderRadius: '9999px',
+                    borderRadius: '4px',
                     color: '#FFF',
                     display: 'inline-flex',
                     margin: '32px 0',

client/layouts/Footer.tsx

@@ -4,6 +4,20 @@ import SubscribeForm from './SubscribeForm';
 
 const Footer: React.FC<{}> = () => {
     return (
+        <>
+            <div
+                style={{
+                    borderLeft: '1px solid rgba(0, 0, 0, 0.2)',
+                    borderRight: '1px solid rgba(0, 0, 0, 0.2)',
+                    padding: '32px',
+                    textAlign: 'center',
+                }}
+            >
+                <div style={{ lineHeight: 1.5, marginBottom: '12px' }}>
+                    Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!
+                </div>
+                <SubscribeForm />
+            </div>
             <div
                 style={{
                     border: '1px solid rgba(0, 0, 0, 0.2)',
@@ -161,14 +175,9 @@ const Footer: React.FC<{}> = () => {
                         </ul>
                         <li>&#125;</li>
                     </ul>
-                <div>
-                    <div style={{ lineHeight: 1.5, marginBottom: '12px' }}>
-                        Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!
-                    </div>
-                    <SubscribeForm />
-                </div>
                 </div>
             </div>
+        </>
     );
 };
 

client/pages/ExplorePage.tsx

@@ -18,7 +18,7 @@ const ExplorePage = () => {
                     to="/"
                     style={{
                         backgroundColor: '#00449E',
-                        borderRadius: '9999px',
+                        borderRadius: '4px',
                         color: '#FFF',
                         padding: '8px 16px',
                         textDecoration: 'none',

client/pages/HomePage.tsx

@@ -26,7 +26,7 @@ const HomePage = () => {
                     <h1
                         style={{
                             backgroundColor: '#00449E',
-                            borderRadius: '9999px',
+                            borderRadius: '4px',
                             color: '#FFF',
                             fontSize: '36px',
                             fontWeight: 600,