update readme

presentmon/updatePresentMon.js

@@ -1,4 +1,4 @@
-import { readFileSync, writeFileSync } from "node:fs";
+import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
 import { execSync } from "node:child_process";
 
 async function main() {
@@ -31,7 +31,7 @@ async function main() {
               `New PresentMon version found: ${localVersion} -> ${remoteVersion}`
             );
 
-            execSync("mkdir -p ./temp/captures");
+            mkdirSync("./temp/captures", { recursive: true });
             execSync(
               `wget ${asset.browser_download_url} -O ./temp/presentmon.exe`
             );

src/components/ChartTypes/ChartTypes.module.css

@@ -3,5 +3,5 @@
   font-weight: 900;
 }
 .width {
-  width: 15rem !important;
+  width: 15rem;
 }

src/components/Colors/Colors.module.css

@@ -3,5 +3,5 @@
   font-weight: 900;
 }
 .width {
-  width: 9rem !important;
+  width: 9rem;
 }

src/components/Misc/Misc.module.css

@@ -3,7 +3,7 @@
   font-weight: 900;
 }
 .width {
-  width: 15rem !important;
+  width: 15rem;
 }
 .centerText {
   text-align: center;

src/components/ReadMe/ReadMe.module.css

@@ -5,3 +5,6 @@
 .cursor {
   cursor: pointer;
 }
+.width {
+  width: 30%;
+}

src/components/ReadMe/ReadMe.tsx

@@ -13,15 +13,20 @@ import { IconDownload } from "@tabler/icons-react";
 
 export default function ReadMe() {
   return (
-    <Stack>
+    <Stack className={s.width}>
       <Text size="xl" className={s.title}>
         Read Me
       </Text>
       <Divider />
       <Text>
-        Press the Upload icon in the upper-right corner to upload benchmarks
+        Press the Upload button in the upper-right corner to upload benchmarks
         (max. 14).
       </Text>
+      <Text>
+        After you upload files, you can export a screenshot of the whole page
+        (including off-screen) to your clipboard or save it as a PNG with the
+        buttons below the Upload one.
+      </Text>
       <Text>
         Supported formats:
         <br />- CSV (