From 2cd3a10f8f13f4c07cf182d449cb9286c876f784 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Mon, 15 May 2023 11:28:14 +0200
Subject: [PATCH] Make sure filter tabs are displayed properly on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 src/components/SquareButton.svelte | 1 +
 src/views/projects/Patches.svelte  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SquareButton.svelte b/src/components/SquareButton.svelte
index 24172ba8f..dd0cb836f 100644
--- a/src/components/SquareButton.svelte
+++ b/src/components/SquareButton.svelte
@@ -18,6 +18,7 @@
     color: var(--color-foreground);
     font-family: var(--font-family-monospace);
     font-size: var(--font-size-tiny);
+    white-space: nowrap;
   }
 
   .small {
diff --git a/src/views/projects/Patches.svelte b/src/views/projects/Patches.svelte
index d791fad20..0344bb984 100644
--- a/src/views/projects/Patches.svelte
+++ b/src/views/projects/Patches.svelte
@@ -107,7 +107,7 @@
 
 <div class="patches">
   <div style="margin-bottom: 1rem;">
-    <div style="display: flex; gap: 0.5rem;">
+    <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
       {#each options as option}
         {#if option.disabled}
           <SquareButton