From cce21c11cb7b33d3fb9e0586a47d6696cd740586 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Mon, 27 May 2024 12:37:14 +0200
Subject: [PATCH] [chore] Small styling + link issues (#2933)

---
 web/source/settings/style.css                    | 16 ++++++++++------
 .../moderation/domain-permissions/overview.tsx   |  5 ++++-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index b63c47701..3d59ad5c5 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -278,11 +278,7 @@ input, select, textarea {
 	}
 }
 
-.mutation-button {
-	display: flex;
-	flex-direction: column;
-	gap: 1rem;
-}
+
 
 .hidden {
 	display: none;
@@ -846,7 +842,15 @@ span.form-info {
 	}
 }
 
-button.with-icon, .button.with-icon {
+.mutation-button {
+	width: fit-content;
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+button.with-icon,
+.button.with-icon {
 	display: flex;
 	align-content: center;
 	padding-right: calc(0.5rem + $fa-fw);
diff --git a/web/source/settings/views/moderation/domain-permissions/overview.tsx b/web/source/settings/views/moderation/domain-permissions/overview.tsx
index 645c51e93..1c919c14d 100644
--- a/web/source/settings/views/moderation/domain-permissions/overview.tsx
+++ b/web/source/settings/views/moderation/domain-permissions/overview.tsx
@@ -29,8 +29,11 @@ import { useDomainAllowsQuery, useDomainBlocksQuery } from "../../../lib/query/a
 import type { MappedDomainPerms } from "../../../lib/types/domain-permission";
 import { NoArg } from "../../../lib/types/query";
 import { PermType } from "../../../lib/types/perm";
+import { useBaseUrl } from "../../../lib/navigation/util";
 
 export default function DomainPermissionsOverview() {	
+	const baseUrl = useBaseUrl();
+	
 	// Parse perm type from routing params.
 	let params = useParams();
 	if (params.permType !== "blocks" && params.permType !== "allows") {
@@ -71,7 +74,7 @@ export default function DomainPermissionsOverview() {
 				permType={permType}
 				permTypeUpper={permTypeUpper}
 			/>
-			<Link to="/settings/admin/domain-permissions/import-export">
+			<Link to={`~${baseUrl}/import-export`}>
 				Or use the bulk import/export interface
 			</Link>
 		</>