From c1bc6d1090efc9f2eb53f6f72f944f191a7cdd9b Mon Sep 17 00:00:00 2001
From: Krille <christian-pauly@posteo.de>
Date: Sun, 26 Feb 2023 21:13:56 +0100
Subject: [PATCH] style: Adjust new chat page

---
 .../new_private_chat_view.dart                | 34 ++++++++++++-------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/lib/pages/new_private_chat/new_private_chat_view.dart b/lib/pages/new_private_chat/new_private_chat_view.dart
index 1305dc0b..9b608e23 100644
--- a/lib/pages/new_private_chat/new_private_chat_view.dart
+++ b/lib/pages/new_private_chat/new_private_chat_view.dart
@@ -20,6 +20,8 @@ class NewPrivateChatView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final qrCodeSize =
+        min(MediaQuery.of(context).size.width - 16, 200).toDouble();
     return Scaffold(
       appBar: AppBar(
         leading: const BackButton(),
@@ -61,14 +63,33 @@ class NewPrivateChatView extends StatelessWidget {
                         data:
                             'https://matrix.to/#/${Matrix.of(context).client.userID}',
                         version: QrVersions.auto,
-                        size: min(MediaQuery.of(context).size.width - 16, 200),
+                        size: qrCodeSize,
                       ),
                       TextButton.icon(
+                        style: TextButton.styleFrom(
+                          fixedSize:
+                              Size.fromWidth(qrCodeSize - (2 * _qrCodePadding)),
+                        ),
                         icon: Icon(Icons.adaptive.share_outlined),
                         label: Text(L10n.of(context)!.shareYourInviteLink),
                         onPressed: controller.inviteAction,
                       ),
                       const SizedBox(height: 8),
+                      if (PlatformInfos.isMobile) ...[
+                        OutlinedButton.icon(
+                          style: OutlinedButton.styleFrom(
+                            backgroundColor:
+                                Theme.of(context).colorScheme.primaryContainer,
+                            fixedSize: Size.fromWidth(
+                              qrCodeSize - (2 * _qrCodePadding),
+                            ),
+                          ),
+                          icon: const Icon(Icons.qr_code_scanner_outlined),
+                          label: Text(L10n.of(context)!.scanQrCode),
+                          onPressed: controller.openScannerAction,
+                        ),
+                        const SizedBox(height: 8),
+                      ],
                     ],
                   ),
                 ),
@@ -108,17 +129,6 @@ class NewPrivateChatView extends StatelessWidget {
           ),
         ],
       ),
-      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
-      floatingActionButton: PlatformInfos.isMobile
-          ? Padding(
-              padding: const EdgeInsets.only(bottom: 64.0),
-              child: FloatingActionButton.extended(
-                onPressed: controller.openScannerAction,
-                label: Text(L10n.of(context)!.scanQrCode),
-                icon: const Icon(Icons.camera_alt_outlined),
-              ),
-            )
-          : null,
     );
   }
 }