From daaef7e46b3c014b2e933cc3527fb94ed4f3c6d5 Mon Sep 17 00:00:00 2001
From: Aashwin Mohan <96258159+aashwin-rvvup@users.noreply.github.com>
Date: Mon, 20 Nov 2023 08:55:03 +0000
Subject: [PATCH] Updated Styling for Inline card fields (#61)

---
 view/frontend/web/css/source/_module.less | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/view/frontend/web/css/source/_module.less b/view/frontend/web/css/source/_module.less
index 17f9254e..fde9da09 100644
--- a/view/frontend/web/css/source/_module.less
+++ b/view/frontend/web/css/source/_module.less
@@ -91,16 +91,22 @@
         }
     }
 
-    .st-expiration-date-iframe, .st-security-code-iframe {
-        max-width: 100%;
+    #st-card-number iframe, #st-expiration-date iframe, #st-security-code iframe {
+        width: 100%;
     }
-    #st-expiration-date, #st-security-code {
-        display: inline-block;
-        width: 45%;
+    #st-card-number {
+        width: 100%;
+        height:90px;
+    }
+    #st-expiration-date {
+        float: left;
+        width: 47.5%;
+        height:90px;
     }
-    #st-card-number, #st-expiration-date, #st-security-code {
+    #st-security-code {
+        float: right;
+        width: 47.5%;
         height:90px;
-        margin-left: 20px;
     }
 }