From 1caae3af49eba01ff32b38ddaa32ab2cb78ee4a9 Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Wed, 12 Aug 2020 17:23:43 -0400
Subject: [PATCH] Polish info styling

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

diff --git a/app/src/components/v-info/v-info.vue b/app/src/components/v-info/v-info.vue
index dfe193a2ae..fe3ff2eaf3 100644
--- a/app/src/components/v-info/v-info.vue
+++ b/app/src/components/v-info/v-info.vue
@@ -46,15 +46,15 @@ export default defineComponent({
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 120px;
-	height: 120px;
-	margin-bottom: 20px;
+	width: 100px;
+	height: 100px;
+	margin-bottom: 16px;
 	border-radius: 50%;
 }
 
 .info .icon {
-	color: var(--primary);
-	background-color: var(--primary-alt);
+	color: var(--foreground-subdued);
+	background-color: var(--background-subdued);
 }
 
 .success .icon {
@@ -73,15 +73,15 @@ export default defineComponent({
 }
 
 .title {
-	margin-bottom: 12px;
+	margin-bottom: 8px;
 }
 
 .content {
-	max-width: 360px;
+	max-width: 300px;
 	color: var(--foreground-subdued);
 
 	&:not(:last-child) {
-		margin-bottom: 32px;
+		margin-bottom: 24px;
 	}
 }