From d8d05568229da43b3f1fa7f5d72152ba12f8a37b Mon Sep 17 00:00:00 2001
From: MatMoul <matmoul@gmail.com>
Date: Sat, 16 May 2026 01:48:52 +0200
Subject: [PATCH] style: tighten calculator sample layout spacing

---
 samples/calc-02/index.css | 30 ++++++------------------------
 1 file changed, 6 insertions(+), 24 deletions(-)

diff --git a/samples/calc-02/index.css b/samples/calc-02/index.css
index 6a88cb7..11b3612 100644
--- a/samples/calc-02/index.css
+++ b/samples/calc-02/index.css
@@ -47,14 +47,14 @@ body {
 .app-shell {
 	min-height: 100vh;
 	display: grid;
-	place-items: center;
+	align-items: start;
+	justify-items: center;
 	padding: 0;
 }
 
 .calculator {
 	width: 100%;
 	height: auto;
-	min-height: 100%;
 	display: grid;
 	padding: 8px;
 	border-radius: 8px;
@@ -151,11 +151,9 @@ body {
 
 .display-buttons-panel {
 	grid-area: display-buttons;
-	padding: 10px;
+	padding: 8px;
 	align-self: start;
 	min-height: 0;
-	padding-top: 10px;
-	padding-bottom: 8px;
 }
 
 .display-buttons-grid {
@@ -227,27 +225,12 @@ body {
 	color: #eef2f7;
 }
 
-.keypad-panel {
-	grid-area: keypad;
-	padding: 10px;
-}
-
-.functions-panel {
-	grid-area: functions;
-	padding: 10px;
-	align-self: start;
-	min-height: 0;
-	padding-top: 10px;
-	padding-bottom: 8px;
-}
-
+.keypad-panel,
+.functions-panel,
 .trigo-panel {
-	grid-area: trigo;
-	padding: 10px;
+	padding: 8px;
 	align-self: start;
 	min-height: 0;
-	padding-top: 10px;
-	padding-bottom: 8px;
 }
 
 .status-bar {
@@ -410,7 +393,6 @@ button:active {
 		letter-spacing: 0.01em;
 	}
 
-	
 	.display-button-symbol {
 		min-width: 1.28em;
 		font-size: 1.3em;