From d3a7ad75b164a622a4ea2d6da5110e5ba370fc83 Mon Sep 17 00:00:00 2001
From: Ying Xuan <engyingxuan@gmail.com>
Date: Sun, 3 Oct 2021 14:45:49 -0400
Subject: [PATCH 1/3] Make verification code copyable

---
 backend/Platform/templates/emails/base.html           | 11 ++++-------
 .../Platform/templates/emails/email_verification.html |  8 +++-----
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/backend/Platform/templates/emails/base.html b/backend/Platform/templates/emails/base.html
index d4887bac..a5db3b97 100644
--- a/backend/Platform/templates/emails/base.html
+++ b/backend/Platform/templates/emails/base.html
@@ -41,18 +41,15 @@
           margin-left: -3px;
         }
 
-        .verification-block {
+        .verification-number {
+          display:inline-flex;
+          justify-content: center;
+          align-items: center;
           width: 40px;
           height: 55px;
           margin: 3px;
           border-radius: 2px;
           background-color: #E7E7E7;
-          display:flex;
-          justify-content: center;
-          align-items: center;
-        }
-
-        .verification-number {
           font-weight: 600;
           font-size: 20px;
           color: #767676;
diff --git a/backend/Platform/templates/emails/email_verification.html b/backend/Platform/templates/emails/email_verification.html
index e911bcc9..002c2774 100644
--- a/backend/Platform/templates/emails/email_verification.html
+++ b/backend/Platform/templates/emails/email_verification.html
@@ -8,11 +8,9 @@
 
 <div id="verification-div">
   {% for num in verification_code %}
-    <div class="verification-block">
-      <span class="verification-number">
-        {{ num }}
-      </span>
-    </div>
+    <span class="verification-number">
+      {{ num }}
+    </span>
   {% endfor %}
 </div>
 

From ed2f639ea5c017d54aea4cb34e9bacbec24b0e17 Mon Sep 17 00:00:00 2001
From: Ying Xuan <engyingxuan@gmail.com>
Date: Sun, 3 Oct 2021 14:53:56 -0400
Subject: [PATCH 2/3] Spacing

---
 backend/Platform/templates/emails/base.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/Platform/templates/emails/base.html b/backend/Platform/templates/emails/base.html
index a5db3b97..7ad2f242 100644
--- a/backend/Platform/templates/emails/base.html
+++ b/backend/Platform/templates/emails/base.html
@@ -42,7 +42,7 @@
         }
 
         .verification-number {
-          display:inline-flex;
+          display: inline-flex;
           justify-content: center;
           align-items: center;
           width: 40px;

From d229f112cf82e146b228272351212eebf4467fab Mon Sep 17 00:00:00 2001
From: printer83mph <printer.83mph@gmail.com>
Date: Sun, 10 Oct 2021 12:48:33 -0400
Subject: [PATCH 3/3] Make code input copyable

---
 frontend/components/Accounts/Modals/Verification.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/components/Accounts/Modals/Verification.tsx b/frontend/components/Accounts/Modals/Verification.tsx
index 677721fe..1cf3399c 100644
--- a/frontend/components/Accounts/Modals/Verification.tsx
+++ b/frontend/components/Accounts/Modals/Verification.tsx
@@ -45,6 +45,7 @@ const VerificationForm = (props: VerificationFormProps) => {
     return (
         <ReactCodeInput
             name="verification"
+            type="number"
             fields={6}
             onChange={handleInputChange}
             ref={codeInput}