Reduce space wastage

res/static/style/layout.css

@@ -494,13 +494,13 @@ select {
 	flex-direction: row;
 	gap: 0.25em;
 	border-radius: 6px;
-	margin: 3px;
+	margin: 2px;
 	background: var(--input_background);
-	padding: 4px 5px;
+	padding: 3px 4px;
 	overflow: hidden;
 	color: var(--input_text);
 	cursor: pointer;
-	box-shadow: 1px 1px 0px 1px var(--shadow_color);
+	box-shadow: 1px 1px 0px 0px var(--shadow_color);
 	transition: padding 0.1s, box-shadow 0.1s, background 0.1s;
 
 	/* Align content vertically in relation to the container */
@@ -542,8 +542,8 @@ input[type="button"]:active,
 input[type="color"]:active,
 select:active {
 	box-shadow: inset 4px 4px 6px var(--shadow_color);
-	/* Exactly 4px offset compared to the inactive padding to give a depth effect */
+	/* Exactly 3px offset compared to the inactive padding to give a depth effect */
-	padding: 8px 1px 0px 9px;
+	padding: 6px 1px 0px 7px;
 }
 
 .button_highlight {
@@ -571,7 +571,7 @@ select.disabled {
 	color: var(--input_disabled_text);
 	box-shadow: none;
 	transition: none;
-	padding: 5px 5px 5px 5px;
+	padding: 3px 4px;
 	cursor: not-allowed;
 	background: var(--input_background);
 }
@@ -627,7 +627,7 @@ button>svg,
 
 .tab_bar>button,
 .tab_bar>.button {
-	margin: .5em .4em 0 .4em;
+	margin: .5em .3em 0 .3em;
 	border-bottom-left-radius: 0;
 	border-bottom-right-radius: 0;
 	min-width: 5em;
@@ -649,13 +649,13 @@ input[type="number"],
 input[type="date"],
 input[type="datetime-local"] {
 	display: inline-block;
-	margin: 3px;
+	margin: 2px;
 	/* Same as button, to make them align nicely */
 	border: none;
-	border-radius: 6px;
+	border-radius: 5px;
 	background: var(--input_background);
-	padding: 3px 5px;
+	padding: 3px 4px;
-	box-shadow: inset 1px 1px 0px 1px var(--shadow_color);
+	box-shadow: inset 1px 1px 0px 0px var(--shadow_color);
 	/* override user-agent style */
 	min-width: 100px;
 	color: var(--input_text);
@@ -738,43 +738,6 @@ input[type=file] {
 	width: 10px;
 }
 
-::-webkit-scrollbar-button:single-button:vertical:decrement {
-	display: none;
-	/* border-width: 0 8px 8px 8px; */
-	/* border-color: transparent transparent var(--scrollbar_foreground_color) transparent; */
-}
-
-/* ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
-	border-color: transparent transparent var(--scrollbar_hover_color) transparent;
-} */
-::-webkit-scrollbar-button:single-button:vertical:increment {
-	display: none;
-	/* border-width: 8px 8px 0 8px; */
-	/* border-color: var(--scrollbar_foreground_color) transparent transparent transparent; */
-}
-
-/* ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
-	border-color: var(--scrollbar_hover_color) transparent transparent transparent;
-} */
-::-webkit-scrollbar-button:single-button:horizontal:decrement {
-	display: none;
-	/* border-width: 8px 8px 8px 0px; */
-	/* border-color: transparent var(--scrollbar_foreground_color) transparent transparent; */
-}
-
-/* ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
-	border-color: transparent var(--scrollbar_hover_color) transparent transparent;
-} */
-::-webkit-scrollbar-button:single-button:horizontal:increment {
-	display: none;
-	/* border-width: 8px 0px 8px 8px; */
-	/* border-color: transparent transparent transparent var(--scrollbar_foreground_color); */
-}
-
-/* ::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
-    border-color: transparent transparent transparent var(--scrollbar_hover_color);
-} */
-
 /* Firefox Scrollbar */
 
 * {

svelte/src/admin_panel/PayPalTaxes.svelte

@@ -94,7 +94,9 @@ const get_page = async (url) => {
 			v.method === "paypal" &&
 			v.status === "paid" &&
 			(new Date(v.createdAt)) > startDate &&
-			(new Date(v.createdAt)) < endDate
+			(new Date(v.createdAt)) < endDate &&
+			(v.amountRefunded === undefined || v.amountRefunded.value === "0.00") &&
+			(v.amountChargedBack === undefined || v.amountChargedBack.value === "0.00")
 		) {
 			payments.push(v)
 			added++

svelte/src/admin_panel/PeerTable.svelte

@@ -78,7 +78,7 @@ let sort = (field) => {
 					<td>{peer.address}</td>
 					<td>{peer.unreachable_count}</td>
 					<td>{peer.load_1_min.toFixed(1)} / {peer.load_5_min.toFixed(1)} / {peer.load_15_min.toFixed(1)}</td>
-					<td>{(peer.latency/1000).toPrecision(3)}</td>
+					<td>{(peer.latency/1000).toFixed(3)}</td>
 					<td>{formatDataVolume(peer.avg_network_tx, 3)}/s</td>
 					<td>{formatDataVolume(peer.avg_network_rx, 3)}/s</td>
 					<td>{peer.network_ratio.toFixed(2)}</td>

svelte/src/admin_panel/SortButton.svelte

@@ -18,7 +18,10 @@ export let sort_func
 
 <style>
 button {
+	display: block;
 	margin: 0;
 	line-height: 1em;
+	width: 100%;
+	text-align: center;
 }
 </style>

svelte/src/file_viewer/FileViewer.svelte

@@ -444,7 +444,7 @@ const keyboard_event = evt => {
 				</button>
 			{/if}
 
-			<CopyButton bind:this={copy_btn} text={window.location.href} style="width: calc(100% - 6px)">
+			<CopyButton bind:this={copy_btn} text={window.location.href} style="width: calc(100% - 4px)">
 				<u>C</u>opy link
 			</CopyButton>
 
@@ -626,7 +626,7 @@ const keyboard_event = evt => {
 	display: flex;
 	flex-direction: row;
 	text-align: left;
-	padding: 4px;
+	padding: 2px;
 	align-items: center;
 }
 @media(max-height: 600px) {
@@ -707,7 +707,7 @@ const keyboard_event = evt => {
 .toolbar.toolbar_visible { left: 0; }
 
 .toolbar_button{
-	width: calc(100% - 6px);
+	width: calc(100% - 4px);
 }
 .toolbar_button > span {
 	vertical-align: middle;

svelte/src/filesystem/Breadcrumbs.svelte

@@ -41,14 +41,10 @@ export let fs_navigator
 	word-break: break-all;
 	display: inline-flex;
 	flex-direction: row;
-	line-height: 1em;
 }
 .node_name {
-	/* This padding makes sure that characters which extend below the
+	max-width: 25vw;
-	line-height do not get cut off */
+	overflow-x: hidden;
-	padding: 4px 2px;
-	max-width: 20vw;
-	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

svelte/src/filesystem/Filesystem.svelte

@@ -223,7 +223,7 @@ const update_css = path => document.documentElement.style = branding_from_path(p
 	flex-direction: row;
 	text-align: left;
 	box-shadow: none;
-	padding: 4px;
+	padding: 2px;
 }
 
 /* File preview area (row 2) */

svelte/src/filesystem/Toolbar.svelte

@@ -136,7 +136,7 @@ let expand = e => {
 }
 .grid {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
+	grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr));
 }
 .separator {
 	height: 2px;

svelte/src/user_file_manager/FileManager.svelte

@@ -367,7 +367,7 @@ is collapsed */
 	flex-shrink: 0;
 	display: flex;
 	flex-direction: row;
-	padding: 4px;
+	padding: 2px;
 }
 .nav_bar > button {
 	flex-shrink: 0;

svelte/src/util/Modal.svelte

@@ -140,7 +140,7 @@ these padding divs to move it 25% up */
 .title {
 	flex-grow: 1;
 	flex-shrink: 1;
-	font-size: 1.2em;
+	font-size: 1.1em;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;