From 2fc0e6f52d19d3d87152f8eb7a0d923f972c8a8d Mon Sep 17 00:00:00 2001
From: "Zach Keeping [SSW]" <11418832+zacharykeeping@users.noreply.github.com>
Date: Wed, 14 Feb 2024 16:37:18 +1100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Mobile=20|=20Improve=20tex?=
 =?UTF-8?q?t=20readability=20on=20scanner=20(#675)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add Rounded background to Scanner text for visibility

* Add background to scanner label

---------

Co-authored-by: Tylah Kapa <tylahkapa@gmail.com>
---
 src/MobileUI/Pages/ScanPage.xaml | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/MobileUI/Pages/ScanPage.xaml b/src/MobileUI/Pages/ScanPage.xaml
index 4583e21f9..d0bd928ab 100644
--- a/src/MobileUI/Pages/ScanPage.xaml
+++ b/src/MobileUI/Pages/ScanPage.xaml
@@ -3,6 +3,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:zx="clr-namespace:ZXing.Net.Maui.Controls;assembly=ZXing.Net.MAUI.Controls"
              xmlns:viewModels="clr-namespace:SSW.Rewards.Mobile.ViewModels"
+             xmlns:system="clr-namespace:System;assembly=System.Runtime"
              BackgroundColor="{StaticResource MainBackground}"
              x:Class="SSW.Rewards.Mobile.Pages.ScanPage"
              x:DataType="viewModels:ScanResultViewModel">
@@ -10,14 +11,28 @@
         <zx:CameraBarcodeReaderView x:Name="scannerView"
                                     BarcodesDetected="Handle_OnScanResult"
                                     IsDetecting="True"/>
-        <StackLayout Padding="0,0,0,200">
-            <Label Text="Scan a QR Code"
+        <Border 
+            BackgroundColor="{StaticResource Background}"
+            VerticalOptions="Start"
+            HeightRequest="80"
+            Margin="20">
+            <Border.StrokeShape>
+                <RoundRectangle CornerRadius="20"/>
+            </Border.StrokeShape>
+            <Label FontSize="Medium"
+                   FontAutoScalingEnabled="False"
                    HorizontalTextAlignment="Center"
-                   TextColor="White"/>
-            <Label Text="from an SSW Employee or Presentation"
-                   HorizontalTextAlignment="Center"
-                   TextColor="White"/>
-        </StackLayout>
+                   VerticalOptions="Center"
+                   TextColor="White">
+                <Label.FormattedText>
+                    <FormattedString>
+                        <Span Text="Scan a QR Code" />
+                        <Span Text="{x:Static system:Environment.NewLine}"/>
+                        <Span Text="from an SSW Employee or Presentation" />
+                    </FormattedString>
+                </Label.FormattedText>
+            </Label>
+        </Border>
         <Image Source="qr_reticle"/>
     </Grid>
 </ContentPage>
\ No newline at end of file