From fcabc1dc714340cd3da48ee9ecfff3c038f99b15 Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Thu, 14 Jan 2021 21:50:43 -0500
Subject: [PATCH] dialog style updates

---
 app/src/components/v-card/v-card-title.vue | 1 +
 app/src/components/v-card/v-card.vue       | 8 ++++++++
 app/src/components/v-dialog/v-dialog.vue   | 6 +++++-
 app/src/components/v-drawer/v-drawer.vue   | 8 ++++++++
 4 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/src/components/v-card/v-card-title.vue b/app/src/components/v-card/v-card-title.vue
index 62aeb7dbd1..dea182187e 100644
--- a/app/src/components/v-card/v-card-title.vue
+++ b/app/src/components/v-card/v-card-title.vue
@@ -9,6 +9,7 @@
 	align-items: center;
 	padding: var(--v-card-padding);
 	margin-top: 12px;
+	font-weight: 500;
 	line-height: 1.6em;
 }
 </style>
diff --git a/app/src/components/v-card/v-card.vue b/app/src/components/v-card/v-card.vue
index fbe90c08e0..94755e863a 100644
--- a/app/src/components/v-card/v-card.vue
+++ b/app/src/components/v-card/v-card.vue
@@ -46,6 +46,14 @@ body {
 	background-color: var(--v-card-background-color);
 	border-radius: var(--border-radius);
 
+	// Page Content Spacing
+	font-size: 15px;
+	line-height: 24px;
+	--border-radius: 6px;
+	--input-height: 60px;
+	--input-padding: 16px; // (60 - 4 - 24) / 2
+	--form-vertical-gap: 52px;
+
 	& > :first-child {
 		border-top-left-radius: var(--border-radius);
 		border-top-right-radius: var(--border-radius);
diff --git a/app/src/components/v-dialog/v-dialog.vue b/app/src/components/v-dialog/v-dialog.vue
index 1e22ad8452..7b15d5b32f 100644
--- a/app/src/components/v-dialog/v-dialog.vue
+++ b/app/src/components/v-dialog/v-dialog.vue
@@ -126,9 +126,13 @@ export default defineComponent({
 
 	::v-deep .v-card {
 		--v-card-min-width: calc(100vw - 40px);
-		--v-card-padding: 20px;
+		--v-card-padding: 28px;
 		--v-card-background-color: var(--background-page);
 
+		.v-card-title {
+			padding-bottom: 8px;
+		}
+
 		.v-card-actions {
 			flex-wrap: wrap;
 			flex-direction: column-reverse;
diff --git a/app/src/components/v-drawer/v-drawer.vue b/app/src/components/v-drawer/v-drawer.vue
index dce4270e6a..eaa59b7a68 100644
--- a/app/src/components/v-drawer/v-drawer.vue
+++ b/app/src/components/v-drawer/v-drawer.vue
@@ -161,6 +161,14 @@ body {
 		flex-grow: 1;
 		overflow: hidden;
 
+		// Page Content Spacing (Could be converted to Project Setting toggle)
+		font-size: 15px;
+		line-height: 24px;
+		--border-radius: 6px;
+		--input-height: 60px;
+		--input-padding: 16px; // (60 - 4 - 24) / 2
+		--form-vertical-gap: 52px;
+
 		.sidebar {
 			display: none;