style: tighten calculator sample layout spacing

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;