aatish/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Added style to right align date in desktop view in Order Confirm page

Browse source
This commit is contained in:
PCoder 2017-07-18 00:30:32 +05:30
parent 4fa6e7ae4c
commit f4aec68bfd
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
datacenterlight/templates/datacenterlight/order_detail.html
View file

@ -25,7 +25,7 @@
</div>
<hr>
<div class="row">
<div class="col-xs-12 col-sm-6 pull-right text-left">
<div class="col-xs-12 col-sm-6 pull-right order-confirm-date">
<address>
<strong>{% trans "Date"%}:</strong><br>
<span id="order-created_at">{% now "Y-m-d H:i" %}</span><br><br>

15
hosting/static/hosting/css/landing-page.css
View file

@ -541,28 +541,39 @@ a.unlink:hover {
.card-cvc-element label {
padding-left: 10px;
}
.card-element {
margin-bottom: 10px;
padding: 0;
}
.card-element label{
width:100%;
margin-bottom:0px;
}
.my-input {
border-bottom: 1px solid #ccc;
}
.card-cvc-element .my-input {
padding-left: 10px;
}
#card-errors {
clear: both;
padding: 0 0 10px;
color: #eb4d5c;
}
.credit-card-goup{
padding: 0;
}
.order-confirm-date{
text-align:right;
}
@media (max-width: 767px) {
.dcl-order-table-total span {
padding-left: 3px;
@ -632,6 +643,10 @@ a.unlink:hover {
box-shadow: none !important;
font-weight: 400;
}
.order-confirm-date{
text-align:left;
}
}
@media (min-width: 1200px) {

2
hosting/templates/hosting/order_detail.html
View file

@ -24,7 +24,7 @@
</div>
<hr>
<div class="row">
<div class="col-xs-12 col-md-6 pull-right text-left">
<div class="col-xs-12 col-md-6 pull-right order-confirm-date">
<address>
<strong>{% trans "Date"%}:</strong><br>
<span id="order-created_at">{{order.created_at|date:'Y-m-d H:i'}}</span><br><br>