Move vue views from Card to Sections

dashboard/src/components/Section.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <h1 class="section-header">
+    <h2 class="section-header">
       {{ title }}
       <slot name="header-buttons"></slot>
-    </h1>
+    </h2>
     <hr class="section-divider"/>
     <div class="section-body">
-      <slot name="body"></slot>
+      <slot></slot>
     </div>
   </div>
 </template>
@@ -25,6 +25,8 @@ export default {
 <style scoped>
 
 .section-header {
+  padding-left: 15px;
+  padding-right: 15px;
 }
 
 .section-divider {
@@ -34,6 +36,12 @@ export default {
   margin-bottom: 10px;
 }
 
+@media (prefers-color-scheme: dark) {
+  .section-divider {
+    border-color: #495057;
+  }
+}
+
 .section-body {
   position: relative;
   margin-bottom: 15px;