Fix modal corners

res/include/script/dependencies/Modal.js

@@ -30,7 +30,7 @@ function Modal(parent, closeCallback, title, width, height) {
 	this.titleDiv.innerText = this.title
 
 	this.btnClose = document.createElement("button")
-	this.btnClose.classList = "modal_btn_close button_red"
+	this.btnClose.classList = "modal_btn_close button_red round"
 	this.btnClose.innerHTML = '<i class="icon">close</i>'
 	this.btnClose.addEventListener("click", e => { this.close() })
 

res/include/style/layout.css

@@ -432,7 +432,7 @@ select {
 	margin: 3px;
 	background: linear-gradient(var(--input_color), var(--input_color_dark));
 	padding: 6px 7px 6px 7px;
-	box-shadow: 1px 1px 5px -2px var(--shadow_color);
+	box-shadow: 1px 1px 5px -3px var(--shadow_color);
 	line-height: 1em;
 	overflow: hidden;
 	font-size: 1em; /* Sometimes user-agents have different font sizes for buttons and links */

res/include/style/modal.css

@@ -24,7 +24,7 @@
 	box-sizing: border-box;
 	text-align: left;
 	box-shadow: var(--shadow_color) 0px 0px 50px;
-	border-radius: 8px;
+	border-radius: 16px 16px 8px 8px;
 	overflow: hidden;
 }
 

svelte/src/home_page/UploadProgressBar.svelte

@@ -227,7 +227,7 @@ const add_upload_history = id => {
 	margin: 10px;
 	padding: 0;
 	overflow: hidden;
-	border-radius: 2px;
+	border-radius: 6px;
 	box-shadow: 2px 2px 8px -3px var(--shadow_color);
 	background-color: var(--layer_3_color);
 	color: var(--text_color);

svelte/src/util/Modal.svelte

@@ -48,7 +48,7 @@ const keydown = e => {
 		<div class="header highlight_1">
 			<slot name="title">
 				<div class="title">{title}</div>
-				<button class="button button_red" on:click={hide}>
+				<button class="button button_red round" on:click={hide}>
 					<i class="icon">close</i>
 				</button>
 			</slot>
@@ -83,7 +83,7 @@ const keydown = e => {
 	left: 50%;
 	transform: translate(-50%, -20%);
 	padding: 0;
-	border-radius: 8px;
+	border-radius: 16px 16px 8px 8px;
 	overflow: hidden;
 	box-sizing: border-box;
 	text-align: left;