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.
This commit is contained in:
Abe Jellinek 2025-01-24 14:26:05 -05:00
parent 679b1df116
commit ff3ab619d1

View file

@ -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;