fix: authorize app page button row (#7426)

Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>

Author: Nitrrine

apps/app-frontend/src/components/ui/minecraft-auth-error-modal/MinecraftAuthErrorModal.vue

@@ -129,15 +129,15 @@ async function copyToClipboard(text: string) {
 			</div>
 
 			<!-- Action buttons -->
-			<div class="flex items-center gap-2">
-				<ButtonLink href="https://support.modrinth.com" class="!w-full" @click="modal?.hide()">
+			<div class="flex items-center gap-1">
+				<ButtonLink href="https://support.modrinth.com" class="flex-1" @click="modal?.hide()">
 					<MessagesSquareIcon /> Contact support
 				</ButtonLink>
 				<Button
 					type="colored"
 					color="brand"
 					:disabled="loadingSignIn"
-					class="!w-full"
+					class="flex-1"
 					@click="signInAgain"
 				>
 					<LogInIcon /> Sign in again

apps/frontend/src/pages/auth/authorize.vue

@@ -58,16 +58,16 @@
 					</div>
 				</div>
 			</div>
-			<div class="button-row">
-				<Button size="xl" class="wide-button" :disabled="pending" @click="onReject">
+			<div class="flex gap-1">
+				<Button size="xl" class="flex-1" :disabled="pending" @click="onReject">
 					<XIcon />
 					{{ formatMessage(messages.decline) }}
 				</Button>
 				<Button
 					type="colored"
 					color="brand"
 					size="xl"
-					class="wide-button"
+					class="flex-1"
 					:disabled="pending"
 					@click="onAuthorize"
 				>