Make tax information scrollable on small screens

2023-11-04 16:57:28 +01:00
parent aa1b24cd71
commit 63b8c759ba
2 changed files with 39 additions and 37 deletions
--- a/res/static/style/layout.css
+++ b/res/static/style/layout.css
@@ -98,7 +98,7 @@ footer {
 }

 footer>.footer_content {
-	background-color: var(--body_background);
+	background: var(--body_background);
 	color: var(--body_text_color);
 	display: inline-block;
 	width: 1000px;
--- a/svelte/src/admin_panel/MollieSettlement.svelte
+++ b/svelte/src/admin_panel/MollieSettlement.svelte
@@ -101,6 +101,8 @@ onMount(get_payments);


 <h3>Taxes per country</h3>
+
+<div class="table_scroll">
 	<table>
 		<tr>
 			<td>Country</td>
@@ -140,7 +142,7 @@ onMount(get_payments);
 			</tr>
 		{/if}
 	</table>
-
+</div>

 <h3>All payments ({payments.length})</h3>
 <div class="table_scroll">