Improve dashboard default scrollbar behavior

- Decrease spacing so that scrollbar doesn't appear on laptop screen
  when having one row of panel
- Move scrollbar to content so that on chromium the scrollbar is not so
  ugly

Signed-off-by: Carl Schwan <carl@carlschwan.eu>

1 files changed, 2 insertions, 7 deletions

diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue
index 3cc719dad4c..b9fce59268b 100644
--- a/apps/dashboard/src/DashboardApp.vue
+++ b/apps/dashboard/src/DashboardApp.vue
@@ -440,7 +440,7 @@ export default {
 		text-align: center;
 		font-size: 32px;
 		line-height: 130%;
-		padding: 10vh 16px 0px;
+		padding: 1rem 0;
 	}
 }
 
@@ -540,8 +540,7 @@ export default {
 	display: flex;
 	justify-content: center;
 	transition: bottom var(--animation-slow) ease-in-out;
-	bottom: 0;
-	padding: 44px 0;
+	padding: 1rem 0;
 }
 
 .edit-panels {
@@ -684,9 +683,6 @@ export default {
 </style>
 <style>
 html, body {
-	overflow: auto;
-	position: static;
-	height: auto;
 	background-attachment: fixed;
 }
 
@@ -695,7 +691,6 @@ html, body {
 }
 
 #content {
-	height: auto;
 	overflow: auto;
 	position: static !important;;
 }