added buttons for fixing some problems and alike

I will likely add more buttons in the future, but for now this is most
of the ones a user could need to repair problems.

3 files changed, 35 insertions, 6 deletions

diff --git a/src/app/css/popups.css b/src/app/css/popups.css
index 7ece7e3..9d307d1 100644
--- a/src/app/css/popups.css
+++ b/src/app/css/popups.css
@@ -89,7 +89,8 @@
 	margin: calc(var(--padding) / 2);
 }
 
-.popup .options .option {
+.popup .options .option,
+.popup .options .buttons {
 	width: 100%;
 	display: flex;
 	margin-bottom: var(--padding);
@@ -146,8 +147,13 @@
     background-image: url(../icons/check.png);
 }
 
-.option .text {font-weight: 600}
-.option .text .desc {
+.option .text,
+.buttons .text {
+	font-weight: 600;
+}
+
+.option .text .desc,
+.buttons .text .desc {
 	opacity: 0.8;
 	font-weight: 500;
 	font-size: 0.9em;
@@ -155,7 +161,8 @@
 	margin-top: calc(var(--padding) / 3);
 }
 
-.option .actions input, .option .actions select {
+.option .actions input,
+.option .actions select {
 	width: 100%;
 	margin: 0px;
 	--spacing: calc(var(--padding) / 3);
@@ -166,7 +173,16 @@
 	margin-right: 15vw;
 }
 
-.option .actions button {
+.buttons .actions {
+	text-align: right;
+}
+
+.buttons .actions button {
+	margin-bottom: calc(var(--padding) / 5);
+}
+
+.option .actions button,
+.buttons .actions button {
 	background: var(--selbg);
 }
 
diff --git a/src/app/css/theming.css b/src/app/css/theming.css
index d92c42e..d16f455 100644
--- a/src/app/css/theming.css
+++ b/src/app/css/theming.css
@@ -37,10 +37,18 @@ a {
 	transition: filter 0.2s ease-in !important;
 }
 
+a.disabled {
+	opacity: 0.5;
+	pointer-events: none;
+}
+
 a:hover {
 	filter: brightness(80%) !important;
 }
 
+input:disabled {
+	opacity: 0.5;
+}
 
 ::-webkit-scrollbar {
 	width: 8px !important;
diff --git a/src/app/css/toasts.css b/src/app/css/toasts.css
index 57ba055..65e325f 100644
--- a/src/app/css/toasts.css
+++ b/src/app/css/toasts.css
@@ -18,9 +18,10 @@
 	cursor: pointer;
 	overflow: hidden;
 	max-height: 100vh;
-	background: #FFFFFF;
 	transform: scale(0.95);
+	background: var(--selbg);
 	transition: 0.2s ease-in-out;
+	backdrop-filter: blur(15px);
 	padding: calc(var(--padding) / 2);
 	margin-top: calc(var(--padding) / 2);
 	border-radius: calc(var(--padding) / 2.5);
@@ -33,6 +34,10 @@
 	animation-timing-function: ease-in-out;
 }
 
+#toasts .toast .title:only-child {
+	margin-bottom: 0px;
+}
+
 #toasts .toast.hidden {
 	margin-top: 0px;
 	max-height: 0px;