From 76f53aadd371816a0fc7c8fa2bda9ed56030e89f Mon Sep 17 00:00:00 2001
From: Joe Woods <woods@fastmailteam.com>
Date: Fri, 15 Sep 2023 11:21:55 -0400
Subject: [PATCH] Fix button wrap

---
 src/pages/index.js | 7 +------
 src/styles.css     | 2 ++
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index ee406ac..7603ad0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -2,11 +2,6 @@ import * as React from "react";
 import Header from "../components/Header";
 import Footer from "../components/Footer";
 
-const centerButtonStyles = {
-  marginTop: "calc(3rem + 26px)",
-  marginBottom: 26,
-};
-
 const IndexPage = () => {
   return (
     <>
@@ -25,7 +20,7 @@ const IndexPage = () => {
             Learn more →
           </a>
         </p>
-        <div style={centerButtonStyles}>
+        <div>
           <a className="button" href="/attend">
             Information for attendees
           </a>
diff --git a/src/styles.css b/src/styles.css
index c9f4416..431be3b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -75,6 +75,8 @@ hr {
   font-weight: 200;
   font-family: "Anaheim", sans-serif;
   text-decoration: none;
+  display: block;
+  max-width: max-content;
 }
 
 footer {