From 60a7561dc9a2f65a3d2a036a3a47268415bec455 Mon Sep 17 00:00:00 2001
From: fgren <179166750+fgren@users.noreply.github.com>
Date: Fri, 16 Jan 2026 19:34:26 +0100
Subject: [PATCH 1/4] collapse pagination buttons

---
 src/lib/components/ui/pagination/pagination-next-button.svelte | 2 +-
 src/lib/components/ui/pagination/pagination-prev-button.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ui/pagination/pagination-next-button.svelte b/src/lib/components/ui/pagination/pagination-next-button.svelte
index 67cd81c8e..5f9908b45 100644
--- a/src/lib/components/ui/pagination/pagination-next-button.svelte
+++ b/src/lib/components/ui/pagination/pagination-next-button.svelte
@@ -14,7 +14,7 @@
 </script>
 
 {#snippet Fallback()}
-  <span>{m.pagination_next()}</span>
+  <span class="hidden sm:inline">{m.pagination_next()}</span>
   <ChevronRightIcon class="size-4" />
 {/snippet}
 
diff --git a/src/lib/components/ui/pagination/pagination-prev-button.svelte b/src/lib/components/ui/pagination/pagination-prev-button.svelte
index 5dacacdfe..1c666b6c9 100644
--- a/src/lib/components/ui/pagination/pagination-prev-button.svelte
+++ b/src/lib/components/ui/pagination/pagination-prev-button.svelte
@@ -15,7 +15,7 @@
 
 {#snippet Fallback()}
   <ChevronLeftIcon class="size-4" />
-  <span>{m.pagination_previous()}</span>
+  <span class="hidden sm:inline">{m.pagination_previous()}</span>
 {/snippet}
 
 <PaginationPrimitive.PrevButton

From a6b4de3b1dd5d096773cf18c0f3bca0e2562e621 Mon Sep 17 00:00:00 2001
From: fgren <179166750+fgren@users.noreply.github.com>
Date: Fri, 16 Jan 2026 19:47:57 +0100
Subject: [PATCH 2/4] make editor mobile friendly

---
 src/routes/(app)/news/ArticleEditor.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(app)/news/ArticleEditor.svelte b/src/routes/(app)/news/ArticleEditor.svelte
index eb8322b09..fecab6cf4 100644
--- a/src/routes/(app)/news/ArticleEditor.svelte
+++ b/src/routes/(app)/news/ArticleEditor.svelte
@@ -33,7 +33,7 @@
     .map((t) => t.id);
 </script>
 
-<div class="flex flex-row gap-4 *:w-1/2">
+<div class="flex flex-col gap-4 sm:flex-row sm:*:w-1/2">
   <ArticleForm bind:activeTab {authorOptions} {superform} {allTags} {formEnd} />
   <Article
     article={{

From 99876bd4f5ae27005724f4c9350e176e911b7e9b Mon Sep 17 00:00:00 2001
From: fgren <179166750+fgren@users.noreply.github.com>
Date: Fri, 16 Jan 2026 19:48:04 +0100
Subject: [PATCH 3/4] add back button

---
 src/routes/(app)/news/ArticleForm.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/routes/(app)/news/ArticleForm.svelte b/src/routes/(app)/news/ArticleForm.svelte
index 08515a25f..882db2c3a 100644
--- a/src/routes/(app)/news/ArticleForm.svelte
+++ b/src/routes/(app)/news/ArticleForm.svelte
@@ -21,6 +21,7 @@
   import type { AuthorOption } from "$lib/news/getArticles";
   import type { Snippet } from "svelte";
   import { Spinner } from "$lib/components/ui/spinner";
+  import { goto } from "$lib/utils/redirect";
 
   let {
     allTags,
@@ -186,7 +187,14 @@
       placeholder="https://youtube.com/v/..."><Pen /></Input
     >
   </div>
-  <Button type="submit"
-    >{m.save()}{#if $delayed}<Spinner />{/if}</Button
-  >
+  <div class="flex w-full flex-row justify-between gap-1.5">
+    <Button
+      onclick={formEnd ? () => goto("/news") : () => history.back()}
+      variant="outline">{m.cancel()}</Button
+    >
+    <Button type="submit" class="block grow"
+      >{formEnd ? m.news_publish() : m.save()}{#if $delayed}<Spinner
+        />{/if}</Button
+    >
+  </div>
 </form>

From 33b99631ca4db3d31fca6f35af6fc8c7e5e7801c Mon Sep 17 00:00:00 2001
From: fgren <179166750+fgren@users.noreply.github.com>
Date: Tue, 20 Jan 2026 17:09:09 +0100
Subject: [PATCH 4/4] fix form autosubmit

---
 src/lib/components/FileUpload.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/lib/components/FileUpload.svelte b/src/lib/components/FileUpload.svelte
index aba0a107f..e8169f85c 100644
--- a/src/lib/components/FileUpload.svelte
+++ b/src/lib/components/FileUpload.svelte
@@ -80,6 +80,7 @@
           "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
           "h-9 px-4 py-2 has-[>svg]:px-3",
         )}
+        type="button"
       >
         <Link />{m.fileupload_choose_url()}
       </AlertDialog.Trigger>