Browse Source

fix(Settings page): buttons being stuck together due to adding tooltips

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 years ago
parent
commit
08e95d6f7a

+ 1 - 0
frontend/src/components/Confirm.vue

@@ -5,6 +5,7 @@
 		theme="confirm"
 		ref="confirm"
 		trigger="click"
+		class="button-with-tooltip"
 	>
 		<template #trigger>
 			<div @click.shift.stop="confirm(true)" @click.exact="confirm()">

+ 5 - 1
frontend/src/components/Modal.vue

@@ -94,7 +94,11 @@ p {
 	}
 	.right {
 		margin-left: auto;
-		justify-content: right;
+		justify-content: flex-end;
+
+		*:not(:last-child) {
+			margin-right: 5px;
+		}
 	}
 }
 </style>

+ 6 - 0
frontend/src/pages/Settings/index.vue

@@ -140,6 +140,12 @@ export default {
 	margin-top: 32px;
 	padding: 24px;
 
+	/deep/ .row {
+		*:not(:last-child) {
+			margin-right: 5px;
+		}
+	}
+
 	.content {
 		background-color: var(--white);
 		padding: 30px 50px;