Fix button wrap

fastmail · Sep 15, 2023 · 76f53aa · 76f53aa
1 parent 7437587
commit 76f53aa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git 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
@@ -75,6 +75,8 @@ hr {
   font-weight: 200;
   font-family: "Anaheim", sans-serif;
   text-decoration: none;
+  display: block;
+  max-width: max-content;
 }
 
 footer {