From d97b8b0316622088dffc9631670d4a4d9d048bc9 Mon Sep 17 00:00:00 2001
From: Uwe Steinmann <steinm@debian.org>
Date: Fri, 25 Jul 2025 08:36:21 +0200
Subject: [PATCH] use form fields for better formating of page

---
 views/bootstrap/class.Setup2Factor.php | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/views/bootstrap/class.Setup2Factor.php b/views/bootstrap/class.Setup2Factor.php
index 6426d1592..478148672 100644
--- a/views/bootstrap/class.Setup2Factor.php
+++ b/views/bootstrap/class.Setup2Factor.php
@@ -102,10 +102,11 @@ $(document).ready( function() {
 				'required'=>true
 			)
 		);
+		$this->formField(
+			getMLText('2_fact_auth_qrcode'),
+			'<img src="'.$tfa->getQRCodeImageAsDataUri($user->getLogin(), $secret).'">'
+		);
 		$this->formSubmit(getMLText('submit_2_fact_auth'));
-		echo '<div class="control-group"><label class="control-label"></label><div class="controls">';
-		echo '<img src="'.$tfa->getQRCodeImageAsDataUri($user->getLogin(), $secret).'">';
-		echo '</div></div>';
 ?>
 </form>
 <?php
@@ -113,8 +114,14 @@ $(document).ready( function() {
 			$this->columnEnd();
 			$this->columnStart(6);
 			$this->contentHeading(getMLText('2_fact_auth_current_secret'));
-			echo '<div>'.htmlspecialchars($oldsecret).'</div>';
-			echo '<div><img src="'.$tfa->getQRCodeImageAsDataUri($sitename, $oldsecret).'"></div>';
+			$this->formField(
+				getMLText('2_fact_auth_secret'),
+				htmlspecialchars($oldsecret)
+			);
+			$this->formField(
+				getMLText('2_fact_auth_qrcode'),
+				'<img src="'.$tfa->getQRCodeImageAsDataUri($user->getLogin(), $secret).'">'
+			);
 ?>
 <?php
 		}