From 674a3d310ed626b3325a8e3527b53dbf09b00386 Mon Sep 17 00:00:00 2001
From: Naman Sood <mail@nsood.in>
Date: Sat, 11 Mar 2023 10:42:23 -0500
Subject: [PATCH] css, index: hide `<br>` on small screen sizes

Signed-off-by: Naman Sood <mail@nsood.in>
---
 css/style.css  | 5 +++++
 css/style.scss | 6 ++++++
 index.html     | 2 +-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 5a86443..11a0b8c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -328,6 +328,11 @@ body.blue-mode {
     padding: 2rem;
   }
 }
+@media (max-width: 30rem) {
+  dialog.change-color-dialog br {
+    display: none;
+  }
+}
 @media (max-width: 25rem) {
   .main > .text-container h1 {
     font-size: 3rem;
diff --git a/css/style.scss b/css/style.scss
index 3c9b7f9..12b7c78 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -371,6 +371,12 @@ body {
 	}
 }
 
+@media(max-width: 30rem) {
+	dialog.change-color-dialog br {
+		display: none;
+	}
+}
+
 @media(max-width: 25rem) {
 	.main {
 		> .text-container {
diff --git a/index.html b/index.html
index 9e97f49..a56875f 100644
--- a/index.html
+++ b/index.html
@@ -48,7 +48,7 @@
 		</div>
 	</div>
 	<dialog class="change-color-dialog">
-		<h4>If you could pick any color,<br>what color would you pick?</h4>
+		<h4>If you could pick any color,<br> what color would you pick?</h4>
 		<form method="dialog">
 			<div class="radio-buttons"></div>
 			<input type="button" value="save" id="color-change-save">