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

components.

src/partials/_a_common.scss

@@ -1,7 +1,9 @@
+@use "a_footer";
+@use "a_quick_links";
+
 @use "pane_main";
 @use "pane_nav";
 @use "pane_spacer";
-@use "a_quick_links";
 
 :root {
     /*
@@ -109,32 +111,3 @@ ion-icon {
     flex-flow: row wrap;
     align-items: flex-start;
 }
-
-.tailer {
-    margin: auto;
-    padding: var(--spacing-horizontal);
-    width: min-content;
-
-    background-color: var(--background-2);
-    border-radius: var(--border-radius-leaf);
-
-    font-size: 1.65vh;
-    white-space: nowrap;
-
-    align-self: center;
-}
-
-.footer {
-    margin: 0;
-    padding: var(--spacing-horizontal);
-    width: min-content;
-
-    background-color: var(--background-2);
-    border-top-right-radius: var(--border-radius-large);
-
-    font-size: 1.65vh;
-    white-space: nowrap;
-
-    position: fixed;
-    bottom: 0;
-}

src/partials/_a_footer.scss

@@ -0,0 +1,14 @@
+.footer {
+    margin: 0;
+    padding: var(--spacing-horizontal);
+    width: min-content;
+
+    background-color: var(--background-2);
+    border-top-right-radius: var(--border-radius-large);
+
+    font-size: 1.65vh;
+    white-space: nowrap;
+
+    position: fixed;
+    bottom: 0;
+}

src/partials/_a_tailer.scss

@@ -0,0 +1,7 @@
+.tailer {
+    margin: var(--margin-pane) auto 0;
+    width: min-content;
+
+    font-size: 1.65vh;
+    white-space: nowrap;
+}

src/partials/_pane_error.scss

@@ -1,10 +1,16 @@
+@use "a_tailer";
+
 .pane_error {
     width: max-content;
 
-    text-align: center;
-    background-color: var(--background-2);
     margin: auto; /* center object */
-    padding: var(--spacing-horizontal);
 
-    border-radius: var(--border-radius-leaf);
+    .error_body,
+    .tailer {
+        background-color: var(--background-2);
+        border-radius: var(--border-radius-leaf);
+        padding: var(--spacing-horizontal);
+
+        text-align: center;
+    }
 }

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;
+    }
 }