[chore] Old browser fixes (#882)

* reasonable css sizing fallbacks

* add browser field for bug report template

.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:

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;
 }

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;