Adjust qr code rendering

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>

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;