From fe7dce1cde5a8f105b5bcbb824f7f737fa153c88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 2 Mar 2026 15:42:47 +0100
Subject: [PATCH] fix: reduce button size in RandomGenerator and
 ExpressionPanel

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/calculate/ExpressionPanel.tsx | 2 +-
 components/random/RandomGenerator.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/calculate/ExpressionPanel.tsx b/components/calculate/ExpressionPanel.tsx
index e00d21f..40fe26a 100644
--- a/components/calculate/ExpressionPanel.tsx
+++ b/components/calculate/ExpressionPanel.tsx
@@ -162,7 +162,7 @@ export function ExpressionPanel() {
           onClick={handleSubmit}
           disabled={!expression.trim()}
           className={cn(
-            'mt-2 w-full py-2 rounded-lg text-sm font-medium transition-all',
+            'mt-2 w-full py-2 rounded-lg text-xs font-medium transition-all',
             'bg-primary/90 text-primary-foreground hover:bg-primary',
             'disabled:opacity-30 disabled:cursor-not-allowed'
           )}
diff --git a/components/random/RandomGenerator.tsx b/components/random/RandomGenerator.tsx
index 4a3ea5a..1fda63f 100644
--- a/components/random/RandomGenerator.tsx
+++ b/components/random/RandomGenerator.tsx
@@ -384,7 +384,7 @@ export function RandomGenerator() {
               <button
                 onClick={generate}
                 disabled={generating}
-                className="flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl border border-primary/30 bg-primary/[0.08] hover:border-primary/55 hover:bg-primary/[0.15] text-sm font-medium text-primary transition-all duration-200 disabled:opacity-50"
+                className="flex-1 flex items-center justify-center gap-1.5 px-3 py-2 rounded-lg border border-primary/30 bg-primary/[0.08] hover:border-primary/55 hover:bg-primary/[0.15] text-xs font-medium text-primary transition-all duration-200 disabled:opacity-50"
               >
                 <RefreshCw className={cn('w-3.5 h-3.5', generating && 'animate-spin')} />
                 Generate
@@ -392,7 +392,7 @@ export function RandomGenerator() {
               <button
                 onClick={() => copy()}
                 disabled={!output}
-                className="flex items-center gap-2 px-4 py-2.5 rounded-xl glass border border-border/30 text-xs font-mono text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-30"
+                className="flex items-center gap-1.5 px-3 py-2 rounded-lg glass border border-border/30 text-xs font-mono text-muted-foreground hover:text-primary hover:border-primary/30 hover:bg-primary/10 transition-all disabled:opacity-30"
               >
                 {copied ? <Check className="w-3.5 h-3.5" /> : <Copy className="w-3.5 h-3.5" />}
                 {copied ? 'Copied' : 'Copy'}