Remove redundant margins

svelte/src/layout/Button.svelte

@@ -80,7 +80,6 @@ let click_int = e => {
 }
 .flat {
 	background: none;
-	margin: 0;
 	color: var(--body_text_color);
 	box-shadow: none;
 }

svelte/src/user_home/dashboard/CardActivity.svelte

@@ -121,7 +121,6 @@ onMount(() => {
 	display: flex;
 	flex-direction: row;
 	width: 100%;
-	margin-top: 4px;
 }
 .toolbar > * {
 	flex: 0 0 auto;

svelte/src/user_home/dashboard/CardFSHome.svelte

@@ -37,8 +37,7 @@ onMount(() => {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	margin-top: 8px;
-	gap: 8px;
+	gap: 6px;
 }
 .node {
 	display: flex;

svelte/src/user_home/dashboard/CardPrepaidTransactions.svelte

@@ -158,7 +158,6 @@ onMount(() => {
 	display: flex;
 	flex-direction: row;
 	width: 100%;
-	margin-top: 4px;
 }
 .toolbar > * { flex: 0 0 auto; }
 .toolbar_spacer {

svelte/src/user_home/dashboard/CardUpload.svelte

@@ -28,7 +28,6 @@ let upload_widget
 	flex-direction: row;
 	justify-content: space-around;
 	gap: 8px;
-	margin-top: 8px;
 }
 .upload_buttons > * {
 	flex: 1 1 auto;

svelte/src/user_home/dashboard/Dashboard.svelte

@@ -188,12 +188,13 @@ onMount(() => {
 	max-width: 100%;
 	background: var(--body_background);
 	border-radius: 8px;
-	padding: 8px;
+	padding: 2px;
 	text-align: initial;
 }
 .card_component {
 	flex: 1 1 auto;
 	overflow: auto;
+	padding: 6px;
 }
 .size_1 { width: 400px; }
 .size_1 > .card_component { max-height: 400px; }
@@ -214,5 +215,6 @@ onMount(() => {
 	margin: 0;
 	font-size: 1.5em;
 	border-bottom: none;
+	text-align: center;
 }
 </style>

webcontroller/style.go

@@ -564,13 +564,11 @@ footer, .footer_content,
 		inset -2px -2px grey,
 		inset 2px 2px #fff !important;
 }
-.flat {
-	margin: 2px !important;
-}
 .window, .page_content, .file_button, .expandable, pre {
 	padding: 3px !important;
 }
-.window > .header, .headerbar {
+.window > .header,
+.headerbar {
 	background: linear-gradient(90deg,navy,#1084d0) !important;
 	color: #fff !important;
 }