Commit de08a802 by Vedran Karacic Committed by Vedran Karačić

Fix design of credit card field.

Changes the CSS of the credit card field on the
client-side basket checkout. The credit card
icon used to overlay the credit card numbers.
These changes fix that.

https://openedx.atlassian.net/browse/ECOM-6707
parent e8fcfe19
......@@ -367,17 +367,17 @@
.fa-lock {
position: relative;
float: left;
float: right;
top: -25px;
left: 92%;
right: 10%;
margin-right: -5%;
}
.card-type-icon {
position: relative;
float: left;
float: right;
top: -30px;
left: 70%;
right: 28%;
margin-right: -15%;
}
}
......
......@@ -141,7 +141,7 @@
<img aria-hidden="true" class="credit-card-list" src="/static/images/credit_card_options.png" alt="Credit cards">
{% endif %}
<div class="pci-fields row">
<div id="card-number" class="form-group col-sm-6">
<div id="card-number" class="form-group col-md-6">
<label for="card-number-input" class="control-label">{% trans "Card Number (required)" %}<span class="sr">, {% trans "Secure" %}</span></label>
<input id="card-number-input" name="card_number" class="form-control pci-field" maxlength="20" required aria-required="true"/>
<i class="fa fa-lock" aria-hidden="true"></i>
......@@ -149,7 +149,7 @@
<p class="help-block"></p>
</div>
<input type="hidden" name="card_type" class="pci-field">
<div id="card-cvn" class="form-group col-sm-6">
<div id="card-cvn" class="form-group col-md-6">
<label for="card-cvn-input" class="control-label">
{% trans "Security Code (required)" %}
<span class="sr">, {% trans "Secure" %}</span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment