From bc6f65f4a02d1f52d7dc063c521e53f5b912ac55 Mon Sep 17 00:00:00 2001
From: shiibe <beckchop9@gmail.com>
Date: Tue, 3 Oct 2023 14:20:51 -0400
Subject: [PATCH] Adjust qr code rendering

---
 TaikoWebUI/Pages/Dialogs/UserQrCodeDialog.razor | 5 ++---
 TaikoWebUI/wwwroot/style.overrides.css          | 5 +++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/TaikoWebUI/Pages/Dialogs/UserQrCodeDialog.razor b/TaikoWebUI/Pages/Dialogs/UserQrCodeDialog.razor
index 3a2a4a8..de2b90a 100644
--- a/TaikoWebUI/Pages/Dialogs/UserQrCodeDialog.razor
+++ b/TaikoWebUI/Pages/Dialogs/UserQrCodeDialog.razor
@@ -2,14 +2,13 @@
 @using System.Collections.Immutable
 @inject IGameDataService GameDataService
 
-<MudDialog>
+<MudDialog Class="dialog-user-qr-code">
     <DialogContent>
         <MudExtensions.MudBarcode
         Value="@qrCode"
         BarcodeFormat="ZXing.BarcodeFormat.QR_CODE"
         Height="300" 
-        Width="300" 
-        StrokeWidth="0.1" />
+        Width="300" />
     </DialogContent>
     <DialogActions>
         <MudButton Color="Color.Primary" OnClick="Submit">Ok</MudButton>
diff --git a/TaikoWebUI/wwwroot/style.overrides.css b/TaikoWebUI/wwwroot/style.overrides.css
index e1a5915..2db0f6d 100644
--- a/TaikoWebUI/wwwroot/style.overrides.css
+++ b/TaikoWebUI/wwwroot/style.overrides.css
@@ -44,6 +44,11 @@
     display: none;
 }
 
+.dialog-user-qr-code svg {
+    /* makes the qr code render with no subpixels */
+    transform: scale(1.1);
+}
+
 @media only screen and (min-width: 600px) {
     .ai-battle-td {
         display: revert;