Minor wording change for "Download" link

[emilyst]

Suggesting this change simply because "ZIP" appears to be (per its specification published by PKWARE) canonically spelled uppercase.

I also added the word "archive" to provide a noun modified by "ZIP" rather than treating "ZIP" as a noun itself. It seems clearer this way, but may cause text flow issues in the design if it's too long.

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @MaxLeiter on Vercel.

@MaxLeiter first needs to authorize it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/mleiter/drift/5Ujp78L9tm73HDWRzw2nrGe8bbyg
✅ Preview: https://drift-git-fork-emilyst-patch-1-mleiter.vercel.app

[MaxLeiter]

diff --git a/client/pages/post/[id].tsx b/client/pages/post/[id].tsx
index a92f623..58e8d27 100644
--- a/client/pages/post/[id].tsx
+++ b/client/pages/post/[id].tsx
@@ -8,6 +8,7 @@ import Header from "../../components/header";
 import VisibilityBadge from "../../components/visibility-badge";
 import { ThemeProps } from "../_app";
 import Head from "next/head";
+import styles from './styles.module.css';
 
 const Post = ({ theme, changeTheme }: ThemeProps) => {
     const [post, setPost] = useState<any>()
@@ -80,7 +81,7 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
                     <Document skeleton={true} />
                 </>}
                 {!isLoading && post && <>
-                    <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                    <div className={styles.header}>
                         <Text h2>{post.title} <VisibilityBadge visibility={post.visibility} /></Text>
                         <Button auto onClick={download}>
                             Download as ZIP archive
diff --git a/client/pages/post/styles.module.css b/client/pages/post/styles.module.css
new file mode 100644
index 0000000..5bcfe22
--- /dev/null
+++ b/client/pages/post/styles.module.css
@@ -0,0 +1,11 @@
+.header {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+}
+
+@media screen and (max-width: 650px) {
+    .header {
+        flex-direction: column;
+    }
+}
\ No newline at end of file

[emilyst]

Amended to include this patch.

[MaxLeiter]

🎉 thanks @emilyst!