From 9160a28f5fa71e56cb674571df5fa46ecdaa9ca1 Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Wed, 13 Jan 2021 18:31:25 -0500
Subject: [PATCH] reverse the divider hr, update title weight

---
 app/src/components/v-divider/v-divider.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/components/v-divider/v-divider.vue b/app/src/components/v-divider/v-divider.vue
index de267dae19..b4198873c3 100644
--- a/app/src/components/v-divider/v-divider.vue
+++ b/app/src/components/v-divider/v-divider.vue
@@ -1,10 +1,10 @@
 <template>
 	<div class="v-divider" :class="{ vertical, inlineTitle, large }">
-		<hr role="separator" :aria-orientation="vertical ? 'vertical' : 'horizontal'" />
 		<span v-if="$slots.icon || $slots.default" class="wrapper">
 			<slot name="icon" class="icon" />
 			<span v-if="!vertical && $slots.default" class="type-text"><slot /></span>
 		</span>
+		<hr role="separator" :aria-orientation="vertical ? 'vertical' : 'horizontal'" />
 	</div>
 </template>
 
@@ -32,7 +32,7 @@ export default defineComponent({
 <style>
 body {
 	--v-divider-color: var(--border-normal);
-	--v-divider-label-color: var(--foreground-subdued);
+	--v-divider-label-color: var(--foreground-normal-alt);
 }
 </style>
 
@@ -49,7 +49,7 @@ body {
 		flex-grow: 1;
 		order: 1;
 		max-width: 100%;
-		margin-bottom: 8px;
+		margin-top: 8px;
 		border: solid;
 		border-color: var(--v-divider-color);
 		border-width: 2px 0 0 0;
@@ -71,7 +71,7 @@ body {
 	}
 
 	&.large .type-text {
-		font-weight: 400;
+		font-weight: 700;
 		font-size: 24px;
 	}