From ff3ab619d18cf40cfefb4cd1642c1c5ac9c21602 Mon Sep 17 00:00:00 2001
From: Abe Jellinek <jellinek@berkeley.edu>
Date: Fri, 24 Jan 2025 14:26:05 -0500
Subject: [PATCH] Scaffold: Fix appearance regressions, simplify margin/padding

- Move 16px padding into the tabbox, which lets us eliminate the
  negative margin on #right-pane and the 5px padding to make room for
  the focus ring
- Remove width: 100% from the textarea - not necessary and causes
  horizontal overflow on macOS

Tested on macOS and Windows.
---
 scss/scaffold.scss | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/scss/scaffold.scss b/scss/scaffold.scss
index d150955c35..1d3a71a128 100644
--- a/scss/scaffold.scss
+++ b/scss/scaffold.scss
@@ -87,15 +87,11 @@ browser,
 	background: var(--material-toolbar);
 }
 
-#appcontent {
-	padding: 16px;
-}
-
 #left-tabbox {
 	flex: 1;
 	min-width: 500px;
 	margin: 0 5px 5px 5px;
-	padding-top: 5px; // padding at the top for focus-ring of tabs to not cutoff tabs focusring
+	padding: 16px 0 16px 16px;
 	overflow: clip;
 	
 	tabpanel {
@@ -107,12 +103,9 @@ browser,
 
 #right-pane {
 	min-width: 350px;
-	margin: -16px;
-	margin-inline-start: 0;
 	border-inline-start: var(--material-panedivider);
 
 	#output {
-		width: 100%;
 		height: 100%;
 		background: var(--material-background);
 		outline: none;