From 30980536bbe006c4a3fc19235e722515aa351ff5 Mon Sep 17 00:00:00 2001
From: Eugene Yokota <eed3si9n@gmail.com>
Date: Wed, 24 Jan 2024 23:41:42 -0500
Subject: [PATCH] Fix the button rendering on smaller screens

Fixes https://github.com/sbt/website/issues/1176
---
 src/css/custom.css         | 1 +
 src/pages/index.module.css | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 137aa907..29e1e78e 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -42,4 +42,5 @@
 
 .button {
   margin-left: 2rem;
+  margin-bottom: 1rem;
 }
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 2e10b2c1..10697e2c 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -21,5 +21,11 @@
 .buttons {
   display: flex;
   align-items: center;
-  justify-content: center;
+  flex-wrap: wrap;
+}
+
+@media screen and (min-width: 600px) {
+  .buttons {
+    justify-content: center;
+  }
 }