From d2b518c61c916322ae0d03cc5d5c13cdea973e94 Mon Sep 17 00:00:00 2001
From: Jeff Wong <awole20@gmail.com>
Date: Wed, 21 Feb 2018 14:23:47 -0800
Subject: [PATCH] QR code display fix on dark backgrounds (#5613)

https://meta.discourse.org/t/2fa-qr-code-not-visible-on-dark-theme/81152?u=awole20
---
 .../discourse/templates/preferences-second-factor.hbs      | 6 +++++-
 app/assets/stylesheets/common/base/user.scss               | 7 +++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs b/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs
index 29a3a61df30..2865656f39a 100644
--- a/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs
+++ b/app/assets/javascripts/discourse/templates/preferences-second-factor.hbs
@@ -48,7 +48,11 @@
 
         <div class="control-group">
           <div class="controls">
-            {{{secondFactorImage}}}
+            <div class="qr-code-container">
+              <div class="qr-code">
+                {{{secondFactorImage}}}
+              </div>
+            </div>
 
             <p>
             {{#if showSecondFactorKey}}
diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index 8c39904e934..59c235e5be5 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -565,3 +565,10 @@
   }
 }
 
+.qr-code-container {
+    display: flex;
+    .qr-code {
+        padding: 5px 5px 0 5px;
+        background-color: white;
+    }
+}