QoL improvements for bug report dialog

jcreedcmu · Feb 29, 2024 · 9eeb687 · 9eeb687
1 parent f678d8f
commit 9eeb687
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -108,6 +108,7 @@ button:hover {
 }
 
 .bug-report-modal {
+  max-width: 50%;
   background-color: white;
   padding: 2em;
   border: 3px solid black;

diff --git a/src/components/bug-report.tsx b/src/components/bug-report.tsx
@@ -14,8 +14,10 @@ export function BugReport(props: BugReportProps): JSX.Element {
   };
 
   return <div className="bug-report-container" onMouseDown={dismiss}>
-    <div className="bug-report-modal" onMouseDown={absorb}>Thanks for making a bug report!<br />
-      Please <a href={URL.createObjectURL(blob)} download="debug.json">download this file</a> and attach it.
+    <div className="bug-report-modal" onContextMenu={absorb} onMouseDown={absorb}>Please file issues <a target="_blank" href="https://github.com/jcreedcmu/wordlike/issues/">on the github issues page</a>.<br />
+      It might be helpful to <a href={URL.createObjectURL(blob)} download="debug.json">download this file</a> (which is a dump
+      of the current game state) and attach it.<br />
+      Thanks!
       <center>
         <button style={{ marginTop: '2em' }} onClick={dismiss}>Ok</button>
       </center>