From f9db58122cb6df879cbe24352e12112719dff87e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 1 Mar 2026 12:20:15 +0100
Subject: [PATCH] fix: app page layout

---
 components/animate/AnimationEditor.tsx  | 2 +-
 components/ascii/ASCIIConverter.tsx     | 2 +-
 components/calculate/Calculator.tsx     | 2 +-
 components/color/ColorManipulation.tsx  | 2 +-
 components/favicon/FaviconGenerator.tsx | 2 +-
 components/media/FileConverter.tsx      | 2 +-
 components/qrcode/QRCodeGenerator.tsx   | 2 +-
 components/units/MainConverter.tsx      | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/animate/AnimationEditor.tsx b/components/animate/AnimationEditor.tsx
index 6fe786f..69c4cb6 100644
--- a/components/animate/AnimationEditor.tsx
+++ b/components/animate/AnimationEditor.tsx
@@ -96,7 +96,7 @@ export function AnimationEditor() {
       {/* ── Main layout ─────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
 
         {/* Left: Settings + Properties */}
diff --git a/components/ascii/ASCIIConverter.tsx b/components/ascii/ASCIIConverter.tsx
index c804062..125e804 100644
--- a/components/ascii/ASCIIConverter.tsx
+++ b/components/ascii/ASCIIConverter.tsx
@@ -123,7 +123,7 @@ export function ASCIIConverter() {
       {/* ── Main layout ────────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
         {/* Left panel: text input + font selector */}
         <div
diff --git a/components/calculate/Calculator.tsx b/components/calculate/Calculator.tsx
index 67358b5..8db4e30 100644
--- a/components/calculate/Calculator.tsx
+++ b/components/calculate/Calculator.tsx
@@ -34,7 +34,7 @@ export default function Calculator() {
       {/* Main layout — side-by-side on lg, tabbed on mobile */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
         {/* Expression panel */}
         <div
diff --git a/components/color/ColorManipulation.tsx b/components/color/ColorManipulation.tsx
index f7112c0..60d9573 100644
--- a/components/color/ColorManipulation.tsx
+++ b/components/color/ColorManipulation.tsx
@@ -123,7 +123,7 @@ function ColorManipulationContent() {
       {/* ── Main layout ────────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
 
         {/* Left panel: Picker + ColorInfo */}
diff --git a/components/favicon/FaviconGenerator.tsx b/components/favicon/FaviconGenerator.tsx
index 894ffa5..c999013 100644
--- a/components/favicon/FaviconGenerator.tsx
+++ b/components/favicon/FaviconGenerator.tsx
@@ -96,7 +96,7 @@ export function FaviconGenerator() {
       {/* ── Main layout ─────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
 
         {/* Left: Setup */}
diff --git a/components/media/FileConverter.tsx b/components/media/FileConverter.tsx
index ab5bc2d..4da4937 100644
--- a/components/media/FileConverter.tsx
+++ b/components/media/FileConverter.tsx
@@ -208,7 +208,7 @@ export function FileConverter() {
       {/* ── Main layout ─────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
 
         {/* Left: upload zone */}
diff --git a/components/qrcode/QRCodeGenerator.tsx b/components/qrcode/QRCodeGenerator.tsx
index 6439a88..aebd6fc 100644
--- a/components/qrcode/QRCodeGenerator.tsx
+++ b/components/qrcode/QRCodeGenerator.tsx
@@ -121,7 +121,7 @@ export function QRCodeGenerator() {
       {/* ── Main layout ─────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
 
         {/* Left: Input + Options */}
diff --git a/components/units/MainConverter.tsx b/components/units/MainConverter.tsx
index 074f0f9..af5abf6 100644
--- a/components/units/MainConverter.tsx
+++ b/components/units/MainConverter.tsx
@@ -115,7 +115,7 @@ export default function MainConverter() {
       {/* ── Main layout ────────────────────────────────────────── */}
       <div
         className="grid grid-cols-1 lg:grid-cols-5 gap-4"
-        style={{ height: 'calc(100svh - 220px)' }}
+        style={{ height: 'calc(100svh - 180px)'  }}
       >
 
         {/* Left panel: search + categories */}