put background on .controls rather than button

Author: Rich-Harris

packages/site-kit/src/lib/components/Text.svelte

@@ -127,7 +127,7 @@
 				top: 0;
 				right: 0;
 				height: var(--height);
-				padding: 0.3rem 0.5rem 0.3rem 1rem;
+				padding: 0.3rem 0.5rem;
 				gap: 0.5rem;
 				z-index: 2;
 				justify-content: end;
@@ -136,6 +136,11 @@
 				&:has(.filename) {
 					position: relative;
 					background: var(--sk-back-3);
+					padding-left: 1rem;
+				}
+
+				&:not(:has(.filename)) {
+					background: inherit;
 				}
 
 				.filename {
@@ -206,7 +211,6 @@
 					height: calc(var(--height) - 1rem);
 					aspect-ratio: 1;
 					border-radius: var(--sk-border-radius);
-					background-color: var(--sk-back-2);
 
 					&[disabled] {
 						opacity: 1;

packages/site-kit/src/lib/styles/utils/buttons.css

@@ -3,7 +3,6 @@
 	border-style: solid;
 	border-color: var(--sk-raised-color);
 	border-width: var(--sk-raised-width);
-	background-color: inherit;
 
 	&.primary {
 		--sk-raised-color: hsla(12, 93%, 60%) hsla(12, 93%, 35%) hsla(12, 93%, 35%) hsla(12, 93%, 60%);