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.

1 files changed, 21 insertions, 5 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);
 }