From 29ccd2d01377358e22c4fbfe42e5955faa97190d Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Sat, 29 May 2021 18:05:29 -0400
Subject: [PATCH] Button styling and fullscren (button only)

---
 app/src/modules/insights/routes/dashboard.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index e11b6bb8a4..44242feabe 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -34,7 +34,10 @@
 			</template>
 
 			<template v-else>
-				<v-button rounded icon @click="editMode = !editMode">
+				<v-button class="fullscreen" rounded icon outlined>
+					<v-icon name="fullscreen" />
+				</v-button>
+				<v-button rounded icon outlined @click="editMode = !editMode">
 					<v-icon name="edit" />
 				</v-button>
 			</template>
@@ -380,8 +383,11 @@ export default defineComponent({
 	--v-button-color-hover: var(--danger);
 }
 
+.fullscreen,
 .clear-changes {
+	--v-button-color: var(--foreground-normal);
+	--v-button-color-hover: var(--foreground-normal);
 	--v-button-background-color: var(--foreground-subdued);
-	--v-button-background-color-hover: var(--foreground);
+	--v-button-background-color-hover: var(--foreground-normal);
 }
 </style>