chore: style cleanup

src/assets/styles/base/index.css

@@ -217,30 +217,12 @@ h6 { font-size: var(--font-size-sm); }
   & .section-header {
     margin: 0;
   }
-
-  & .section-header-buttons {
-    display: flex;
-    align-items: center;
-    gap: var(--sizing-sm);
-
-    & > button {
-      margin-bottom: 0 !important;
-
-      &:last-of-type {
-        margin-right: 0 !important;
-      }
-    }
-  }
 }
 
 .section-header {
   margin: var(--sizing-xl) 0 var(--sizing-lg);
   line-height: 1;
 
-  &.no-top-margin {
-    margin: 0 0 var(--sizing-lg);
-  }
-
   &.posts {
     margin: 0 0 var(--sizing-lg);
   }
@@ -252,6 +234,10 @@ hr {
   background-color: var(--gray-light);
   border: 0;
   margin: var(--sizing-base) 0;
+
+  & + .section-header {
+    margin-top: 0;
+  }
 }
 
 /* tables */
@@ -412,6 +398,10 @@ nav .active svg {
   & .article-widget-wrapper:last-of-type {
     border-bottom: none;
   }
+
+  & > h2 {
+    margin-top: 0;
+  }
 }
 
 .main-wrapper {
@@ -488,11 +478,6 @@ footer {
 
 /* articles */
 article {
-  & h2 {
-    margin: 0 0 var(--sizing-lg);
-    transition-property: color;
-  }
-
   & h3 {
     margin: 0;
     display: inline-block;
@@ -546,19 +531,6 @@ li {
   margin-bottom: var(--sizing-lg);
 }
 
-.link-list {
-  margin: 0;
-
-  & li {
-    margin-top: var(--sizing-sm);
-    margin-bottom: var(--sizing-sm);
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
 /* images */
 .image-banner {
   border: var(--border-default);
@@ -567,11 +539,6 @@ li {
   display: block;
 }
 
-/* pages */
-.page-header {
-  margin-top: 0;
-}
-
 /* utilities */
 .highlight-text {
   color: var(--color-lightest);
@@ -587,6 +554,13 @@ li {
   text-align: center !important;
 }
 
+.text-centered-vertically {
+  min-height: 60vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .text-small {
   font-size: var(--font-size-sm) !important;
 }

src/assets/styles/components/buttons.css

@@ -9,7 +9,6 @@ button,
   &:not(.theme-toggle) {
     border: 2px solid var(--accent-color);
     padding: var(--sizing-sm) var(--sizing-lg);
-    margin: 0 var(--sizing-xs) var(--sizing-md) 0;
     cursor: pointer;
     display: inline-flex;
     flex-direction: row;

src/assets/styles/components/forms.css

@@ -15,11 +15,18 @@ textarea {
   font-size: var(--font-size-base);
   width: 100%;
   border-radius: 0;
-  margin-bottom: var(--sizing-base);
   font-weight: var(--font-weight-base);
   line-height: var(--line-height-base);
 }
 
+label:has(input):has(+ *) input,
+input[type="text"]:has(+ *),
+input[type="email"]:has(+ *),
+input[type="search"]:has(+ *),
+textarea:has(+ *) {
+  margin-bottom: var(--sizing-base);
+}
+
 input:focus,
 input:focus-within,
 textarea:focus,

src/assets/styles/components/tab-buttons.css

@@ -13,6 +13,10 @@ input[id="tracks-window"] ~ [for="tracks-window"] {
   margin-bottom: var(--sizing-lg);
 }
 
+input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
+  margin-right: var(--sizing-xs);
+}
+
 #tracks-recent:not(:checked) ~ [for="tracks-recent"]:hover,
 #tracks-recent:not(:checked) ~ [for="tracks-recent"]:active,
 #tracks-window:not(:checked) ~ [for="tracks-window"]:hover,

src/assets/styles/components/text-toggle.css

@@ -20,6 +20,6 @@
   }
 }
 
-[data-toggle-content]+button[data-toggle-button]:has(+ table) {
+[data-toggle-content] + button[data-toggle-button]:has(+ table) {
   margin: 0 0 var(--sizing-base);
 }

src/assets/styles/pages/contact.css

@@ -6,10 +6,14 @@
     height: calc(var(--sizing-3xl) * 5);
     resize: none;
   }
+
+  & .column.description p:first-of-type {
+    margin-top: 0;
+  }
 }
 
 .contact-success-header {
-  margin: 0 0 var(--sizing-lg);
+  margin: 0 0 var(--sizing-base);
 }
 
 @media screen and (min-width: 768px) {
@@ -24,8 +28,4 @@
       padding-right: var(--sizing-xl);
     }
   }
-
-  form {
-    margin-top: var(--sizing-base);
-  }
 }