From ebd6b080645e5a67f3ffe90f51d1d30323f753b3 Mon Sep 17 00:00:00 2001
From: Charlotte Van Petegem <charlotte@vanpetegem.be>
Date: Sat, 24 May 2025 12:19:59 +0200
Subject: [PATCH] Make acrostic puzzle scroll horizontally

---
 app/assets/stylesheets/application.postcss.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/application.postcss.css b/app/assets/stylesheets/application.postcss.css
index bc0a999..85a86b7 100644
--- a/app/assets/stylesheets/application.postcss.css
+++ b/app/assets/stylesheets/application.postcss.css
@@ -131,6 +131,10 @@ input[type=submit] {
     padding: 0.5rem;
 }
 
+.acrostic-puzzle {
+    overflow-x: scroll;
+}
+
 .acrostic-row {
     display: flex;
     flex-direction: row;
@@ -139,7 +143,9 @@ input[type=submit] {
 .acrostic-offset,.acrostic-number {
     display: inline-block;
     width: 2rem;
+    min-width: 2rem;
     height: 2rem;
+    min-height: 2rem;
     border: 2px solid transparent;
 }