Skip to content

E
ecommerce
Commit dafaa1b3 by Malik Shahzad
Options

WL-484: Checkout buttons alignment fixed.

parent 349dcdfe
Showing with 29 additions and 14 deletions
ecommerce/static/sass/partials/views/_basket.scss
...@@ -190,3 +190,15 @@ ...@@ -190,3 +190,15 @@
} }
} }
} }
/* extra Small devices (phones, 768px and lower) */
@media (max-width: $screen-xs-max) {
.basket .container {
.payment-buttons {
.payment-button {
width: 100%;
margin-bottom: 2px;
}
}
}
}
ecommerce/static/sass/partials/views/_credit.scss
...@@ -78,6 +78,11 @@ ...@@ -78,6 +78,11 @@
div.advantages p { div.advantages p {
color: $gray; color: $gray;
} }
.payment-button {
width: 100%;
margin-bottom: 2px;
}
} }
.advatanges-panel { .advatanges-panel {
...@@ -97,11 +102,6 @@ ...@@ -97,11 +102,6 @@
border-bottom: 1px solid $gray-light; border-bottom: 1px solid $gray-light;
} }
.payment-button {
width: 100%;
margin-bottom: 2px;
}
.cap-image { .cap-image {
max-width: 20px; max-width: 20px;
margin-bottom: 5px; margin-bottom: 5px;
...@@ -109,19 +109,22 @@ ...@@ -109,19 +109,22 @@
/* Small devices (tablets, 768px and up) */ /* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) { @media (min-width: $screen-sm-min) {
.payment-button { .credit-checkout {
width: 49%; .payment-button {
} width: 49%;
}
.course-details { .course-details {
border-bottom: none; border-bottom: none;
}
} }
} }
/* Medium devices (desktops, 992px and up) */ /* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) { @media (min-width: $screen-xs) {
.payment-button { .credit-checkout {
width: auto; .payment-button {
width: auto;
}
} }
} }
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