Fix some CSS disasters related to the tailer, Split out some common

components.
2025-07-25 14:51:58 -04:00
parent 1cc37c5b60
commit 28c9f10d6d
18 changed files with 73 additions and 64 deletions
--- a/src/partials/_pane_main.scss
+++ b/src/partials/_pane_main.scss
@@ -1,10 +1,19 @@
+@use "a_tailer";
+
 .pane_main {
    flex: 1;
+    flex-direction: column;

-    text-align: center;
-    background-color: var(--background-2);
    margin: var(--margin-pane);
-    padding: var(--spacing-horizontal);

-    border-radius: var(--border-radius-leaf);
+    justify-content: center;
+
+    .main_body,
+    .tailer {
+        background-color: var(--background-2);
+        border-radius: var(--border-radius-leaf);
+        padding: var(--spacing-horizontal);
+
+        text-align: center;
+    }
 }