From b38a91bf208ecff7ac515ba5df178734330401fb Mon Sep 17 00:00:00 2001
From: Farah <farah-bayat@hotmail.com>
Date: Tue, 11 Oct 2022 10:10:13 +0200
Subject: [PATCH] fixes

---
 app/static/css/application.css | 6 ++++--
 app/templates/component.html   | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/static/css/application.css b/app/static/css/application.css
index e6d1122..1fd208a 100644
--- a/app/static/css/application.css
+++ b/app/static/css/application.css
@@ -705,7 +705,7 @@ a:hover {
 /* Test card container */
 
 #test-cards-btn {
-  width: 20%;
+  width: 20rem;
   margin-left: 2%;
   padding: 0;
   height: 0%;
@@ -1156,7 +1156,7 @@ pre {
 }
 
 .panel-collapse .collapse .show {
-  width: 5000px !important;
+  width: 15rem !important;
 }
 
 .copyBtnsStyle {
@@ -1166,6 +1166,8 @@ pre {
   color: var(--main-grey);
   font-size: 0.9rem;
   padding: 0;
+  margin-left: 1rem;
+  margin-right: 1rem;
 }
 
 .copyText {
diff --git a/app/templates/component.html b/app/templates/component.html
index 3f56948..4cdbf15 100644
--- a/app/templates/component.html
+++ b/app/templates/component.html
@@ -180,22 +180,22 @@
 
                       <!-- Under card footer -->
                       <div>
-                        <div class="row m-0">
+                        <div class="row m-0 text-center justify-content-center">
                           <!-- <div -->
                             <!-- class="col copyBtnsStyle panCopy mr-1"
                             onclick="copyToClipboard"
                           > -->
-                            <button class="btn" type="button" id="btn" data-clipboard-action="copy" data-clipboard-target="p#cardNumber.card_numer" onclick="resetCard()" title="Copy to clipboard">
+                            <button class="btn copyBtnsStyle" type="button" id="btn" data-clipboard-action="copy" data-clipboard-target="p#cardNumber.card_numer" onclick="resetCard()" title="Copy to clipboard">
                               PAN <i class="bi bi-clipboard"></i>
                             </button>
                           <!-- </div> -->
                           <!-- <div class="col copyBtnsStyle expiryCopy ml-1 mr-1"> -->
-                            <button class="btn" data-clipboard-action="copy" id="copy-expiry" data-clipboard-target="p#expiry" onclick="resetCard()" title="Copy to clipboard">
+                            <button class="btn copyBtnsStyle" data-clipboard-action="copy" id="copy-expiry" data-clipboard-target="p#expiry" onclick="resetCard()" title="Copy to clipboard">
                               EXPIRY <i class="bi bi-clipboard"></i>
                             </button>
                           <!-- </div> -->
                           <!-- <div class="col copyBtnsStyle cvcCopy ml-1"> -->
-                            <button class="btn" data-clipboard-action="copy" id="copy-cvc" data-clipboard-target="p#cvc" onclick="turnCard()" title="Copy to clipboard">
+                            <button class="btn copyBtnsStyle" data-clipboard-action="copy" id="copy-cvc" data-clipboard-target="p#cvc" onclick="turnCard()" title="Copy to clipboard">
                               CVC <i class="bi bi-clipboard"></i>
                             </button>
                           <!-- </div> -->