From 16b2eda924f76852b400482ba6ea7511cb8d2418 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Thu, 15 Jun 2023 16:34:56 -0700
Subject: [PATCH] style: :lipstick: 2fa dialog styling

---
 packages/client/src/pages/settings/2fa.qrdialog.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/pages/settings/2fa.qrdialog.vue b/packages/client/src/pages/settings/2fa.qrdialog.vue
index 59b2875d72..4e45860b1b 100644
--- a/packages/client/src/pages/settings/2fa.qrdialog.vue
+++ b/packages/client/src/pages/settings/2fa.qrdialog.vue
@@ -35,11 +35,13 @@
 			<a :href="twoFactorData.url"
 				><img :class="$style.qr" :src="twoFactorData.qr"
 			/></a>
-			<MkKeyValue :copy="twoFactorData.url">
-				<template #key>{{ i18n.ts._2fa.step2Url }}</template>
-				<template #value>{{ twoFactorData.url }}</template>
-			</MkKeyValue>
-			<div class="_buttons">
+			<div style="max-width: 600px;">
+				<MkKeyValue :copy="twoFactorData.url">
+					<template #key>{{ i18n.ts._2fa.step2Url }}</template>
+					<template #value>{{ twoFactorData.url }}</template>
+				</MkKeyValue>
+			</div>
+			<div class="_flexList">
 				<MkButton primary @click="ok">{{ i18n.ts.next }}</MkButton>
 				<MkButton @click="cancel">{{ i18n.ts.cancel }}</MkButton>
 			</div>