From 01711fe0c2b6b53d2b67bb3b9b7f6f590765899b Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 25 May 2021 03:54:14 -0700
Subject: [PATCH] Don't shrink error icon for long error text

Oops, previously the MajorErrorMessage was willing to shrink the width of the cute Grundo Programmer icon, to allow error messages with long words to avoid word breaks.

Here, we switch `1fr` for `minmax(0, 1fr)`, which allows the text zone to get smaller. (`1fr` is short for `minmax(auto, 1fr)`, which isn't capable of shrinking smaller than the natural value.)

Now, the error text is more willing to shrink by word-wrapping, than the image is by shrinking the image. Success!
---
 src/app/util.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/util.js b/src/app/util.js
index d9898b3..fcc50b3 100644
--- a/src/app/util.js
+++ b/src/app/util.js
@@ -392,7 +392,7 @@ export function MajorErrorMessage({ error }) {
     <Flex justify="center" marginTop="8">
       <Grid
         templateAreas='"icon title" "icon description" "icon details"'
-        templateColumns="auto 1fr"
+        templateColumns="auto minmax(0, 1fr)"
         maxWidth="500px"
         marginX="8"
         columnGap="4"