refactor: update styling approach for message layout (#1364)

Robot-Inventor · web-flow · commit 6b757da750f6 · 2025-02-25T17:45:54.000+09:00
diff --git a/src/css/style.css b/src/css/style.css
@@ -31,6 +31,7 @@ body[data-color-accessibility-mode][data-color-scheme="dark"] {
 sbs-message {
     --message-background-color-red: var(--sb-background-red);
     --message-background-color-green: var(--sb-background-green);
+    margin-top: 1em;
 }
 
 [data-sb-compact-mode] {
diff --git a/src/ts/components/sbsMessage.ts b/src/ts/components/sbsMessage.ts
@@ -61,7 +61,6 @@ class SbsMessage extends LitElement {
             padding: 1em;
             border-radius: 0.5em;
             background: var(--message-background-color);
-            margin: 1em 0 0 0;
         }
 
         .shadowban-scanner-message.focal-mode {

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ body[data-color-accessibility-mode][data-color-scheme="dark"] {`
`31`	`31`	`sbs-message {`
`32`	`32`	`--message-background-color-red: var(--sb-background-red);`
`33`	`33`	`--message-background-color-green: var(--sb-background-green);`
	`34`	`+ margin-top: 1em;`
`34`	`35`	`}`
`35`	`36`
`36`	`37`	`[data-sb-compact-mode] {`
Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,6 @@ class SbsMessage extends LitElement {`
`61`	`61`	`padding: 1em;`
`62`	`62`	`border-radius: 0.5em;`
`63`	`63`	`background: var(--message-background-color);`
`64`		`- margin: 1em 0 0 0;`
`65`	`64`	`}`
`66`	`65`
`67`	`66`	`.shadowban-scanner-message.focal-mode {`