settings dialog changes

_includes/layouts/base/settings.njk

@@ -2,7 +2,6 @@
     <settings-model>
         <h2 style="margin-bottom: 0;">Settings</h2>
         <p class="caption" style="color: var(--red); margin-top: .4rem;">Settings are saved with JavaScript enabled.</p>
-        <hr class="solid">
         <div class="container">
             <settings-section theme>
                 <h3>Theme</h3>

_includes/styles/base/settings.css

@@ -41,6 +41,14 @@ settings-area {
             outline-color: var(--accent);
         }
 
+        h2, h3 {
+            margin-top: 0;
+
+            &:not(h2:first-child) {
+                border-bottom: unset !important;
+            }
+        }
+
         .container {
             display: flex;
             flex-flow: row wrap;