Fix edit widgets/profile buttons placement

app/features/user-page/routes/u.$identifier.index.tsx

@@ -91,33 +91,33 @@ function NewUserInfoPage() {
 				<div className={styles.desktopIconNav}>
 					<UserPageIconNav items={navItems} />
 				</div>
-				{isOwnPage ? (
-					<div className={styles.editButtons}>
-						<LinkButton
-							to={href("/u/:identifier/edit-widgets", {
-								identifier:
-									layoutData.user.customUrl ?? layoutData.user.discordId,
-							})}
-							variant="outlined"
-							size="small"
-							icon={<PuzzleIcon />}
-						>
-							{t("user:widgets.edit")}
-						</LinkButton>
-						<LinkButton
-							to={href("/u/:identifier/edit", {
-								identifier:
-									layoutData.user.customUrl ?? layoutData.user.discordId,
-							})}
-							variant="outlined"
-							size="small"
-							icon={<EditIcon />}
-						>
-							{t("user:widgets.editProfile")}
-						</LinkButton>
-					</div>
-				) : null}
 			</div>
+			{isOwnPage ? (
+				<div className={styles.editButtons}>
+					<LinkButton
+						to={href("/u/:identifier/edit-widgets", {
+							identifier:
+								layoutData.user.customUrl ?? layoutData.user.discordId,
+						})}
+						variant="outlined"
+						size="small"
+						icon={<PuzzleIcon />}
+					>
+						{t("user:widgets.edit")}
+					</LinkButton>
+					<LinkButton
+						to={href("/u/:identifier/edit", {
+							identifier:
+								layoutData.user.customUrl ?? layoutData.user.discordId,
+						})}
+						variant="outlined"
+						size="small"
+						icon={<EditIcon />}
+					>
+						{t("user:widgets.editProfile")}
+					</LinkButton>
+				</div>
+			) : null}
 
 			<div className={styles.mobileIconNav}>
 				<UserPageIconNav items={navItems} />

app/features/user-page/routes/u.$identifier.module.css

@@ -45,6 +45,7 @@
 .editButtons {
 	display: flex;
 	gap: var(--s-2);
+	margin: 0 auto;
 }
 
 .mobileIconNav {
@@ -85,7 +86,7 @@
 		flex-wrap: wrap;
 		justify-content: flex-start;
 		align-items: center;
-		padding-block: var(--s-6);
+		padding-block-start: var(--s-6);
 	}
 
 	.nameGroup {
@@ -109,6 +110,10 @@
 		display: none;
 	}
 
+	.editButtons {
+		margin: initial;
+	}
+
 	.grid {
 		display: grid;
 		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);