Updated Styling for Inline card fields (#61)

rvvup · Nov 20, 2023 · daaef7e · daaef7e
1 parent 51d32fa
commit daaef7e
Showing 1 changed file with 13 additions and 7 deletions.
diff --git 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;
     }
 }