From 3d9fb4989513e646ca27a253985e18c8922c05c3 Mon Sep 17 00:00:00 2001
From: f0x52 <f0x@cthu.lu>
Date: Mon, 3 Oct 2022 18:26:01 +0200
Subject: [PATCH] [chore] Old browser fixes (#882)

* reasonable css sizing fallbacks

* add browser field for bug report template
---
 .github/ISSUE_TEMPLATE/bug_report.yaml | 9 +++++++++
 web/source/css/base.css                | 1 +
 web/source/css/profile.css             | 1 +
 3 files changed, 11 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.yaml b/.github/ISSUE_TEMPLATE/bug_report.yaml
index 02c275e27..3123d6a92 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yaml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yaml
@@ -34,6 +34,15 @@ body:
     validations:
       required: false
 
+  - type: input
+    id: Browser-Version
+    attributes:
+      label: Browser version
+      description: If this is a frontend bug, what browser(s) and versions are you using that show this bug?
+      placeholder: Firefox 103.0b9 (64-bit)
+    validations:
+      required: false
+
   - type: textarea
     id: what-happened
     attributes:
diff --git a/web/source/css/base.css b/web/source/css/base.css
index d8a79685e..24b6e4bcc 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -61,6 +61,7 @@ body {
 	min-height: 100%;
 	min-width: 100%;
 
+	grid-template-columns: auto minmax(auto, 90ch) auto;
 	grid-template-columns: auto min(92%, 90ch) auto;
 	grid-template-rows: auto 1fr auto;
 }
diff --git a/web/source/css/profile.css b/web/source/css/profile.css
index 01ec077ac..8b142e5c8 100644
--- a/web/source/css/profile.css
+++ b/web/source/css/profile.css
@@ -43,6 +43,7 @@ main {
 	.headerimage {
 		width: 100%;
 		aspect-ratio: 3 / 1;
+		max-height: 30ch;
 		overflow: hidden;
 		box-shadow: $boxshadow;