From fe3732add930ac0749a35aa05fa598ebd45661b4 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Sun, 1 Feb 2026 23:55:10 +0000
Subject: [PATCH] responsive highlight button

---
 .../page-history/components/history-modal-body.tsx        | 8 ++++----
 .../features/page-history/components/history-modal.tsx    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/features/page-history/components/history-modal-body.tsx b/apps/client/src/features/page-history/components/history-modal-body.tsx
index 1289ac6c..5673c82a 100644
--- a/apps/client/src/features/page-history/components/history-modal-body.tsx
+++ b/apps/client/src/features/page-history/components/history-modal-body.tsx
@@ -74,16 +74,16 @@ export default function HistoryModalBody({ pageId }: Props) {
               transform: "translateX(-50%)",
             }}
           >
-            <Group gap="md">
+            <Group gap="md" wrap="nowrap">
               <Switch
                 label={t("Highlight changes")}
                 checked={highlightChanges}
                 onChange={(e) => setHighlightChanges(e.currentTarget.checked)}
-                style={{ userSelect: "none" }}
+                styles={{ label: { userSelect: "none", whiteSpace: "nowrap" } }}
               />
               {highlightChanges && diffCounts && diffCounts.total > 0 && (
-                <Group gap="xs">
-                  <Text size="sm" c="dimmed">
+                <Group gap="xs" wrap="nowrap">
+                  <Text size="sm" c="dimmed" style={{ whiteSpace: "nowrap" }}>
                     {currentChangeIndex} of {diffCounts.total}
                   </Text>
                   <ActionIcon
diff --git a/apps/client/src/features/page-history/components/history-modal.tsx b/apps/client/src/features/page-history/components/history-modal.tsx
index 00f5c4ef..dfd43cf1 100644
--- a/apps/client/src/features/page-history/components/history-modal.tsx
+++ b/apps/client/src/features/page-history/components/history-modal.tsx
@@ -46,7 +46,7 @@ export default function HistoryModal({ pageId, pageTitle }: Props) {
 
   return (
     <Modal.Root
-      size={1200}
+      size={1400}
       opened={isModalOpen}
       onClose={() => setModalOpen(false)}
     >