From afcae025ae4eb8c2f60126b8011810c8f22da3fc Mon Sep 17 00:00:00 2001
From: Sven van Ginkel <svenvanginkel@icloud.com>
Date: Tue, 27 Jan 2026 02:18:17 +0100
Subject: [PATCH] Add icon button for mobile use (#1687)

---
 internal/site/src/components/add-system.tsx | 10 ++++++----
 internal/site/src/components/navbar.tsx     |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/internal/site/src/components/add-system.tsx b/internal/site/src/components/add-system.tsx
index 6ef7a578..1ee852f5 100644
--- a/internal/site/src/components/add-system.tsx
+++ b/internal/site/src/components/add-system.tsx
@@ -49,10 +49,12 @@ export function AddSystemButton({ className }: { className?: string }) {
 		<Dialog open={open} onOpenChange={setOpen}>
 			<DialogTrigger asChild>
 				<Button variant="outline" className={cn("flex gap-1 max-xs:h-[2.4rem]", className)}>
-					<PlusIcon className="h-4 w-4 -ms-1" />
-					<Trans>
-						Add <span className="hidden sm:inline">System</span>
-					</Trans>
+					<PlusIcon className="h-4 w-4 450:-ms-1" />
+					<span className="hidden 450:inline">
+						<Trans>
+							Add <span className="hidden sm:inline">System</span>
+						</Trans>
+					</span>
 				</Button>
 			</DialogTrigger>
 			{opened.current && <SystemDialog setOpen={setOpen} />}
diff --git a/internal/site/src/components/navbar.tsx b/internal/site/src/components/navbar.tsx
index 27b084fb..1cb569e5 100644
--- a/internal/site/src/components/navbar.tsx
+++ b/internal/site/src/components/navbar.tsx
@@ -129,7 +129,7 @@ export default function Navbar() {
 						</DropdownMenuItem>
 					</DropdownMenuContent>
 				</DropdownMenu>
-				<AddSystemButton className="ms-2 hidden 450:flex" />
+				<AddSystemButton className="ms-2" />
 			</div>
 		</div>
 	)