wickes-css2 2.113.0 → 2.117.0-develop.1

package/src/scss/pages/_checkout_delivery-details.scss

@@ -4,61 +4,26 @@
   border: 1px solid $gray;
   width: 100%;
   max-width: 100%;
-  margin: 0 15px 30px;
-  padding: 15px 0;
+  padding: 16px;
 
   .product-oos-inner {
-    padding: 0 50px;
-
-    .order-line:first-of-type {
-      border-top: 0;
+    .row {
+      margin: 0;
     }
 
-    .order-line__info {
-      a {
-        color: $blue;
-        text-decoration: underline;
-      }
+    .content {
+      padding: 0;
 
-      a:hover {
-        color: $blue-dark;
+      & > p:last-child {
+        margin-bottom: 0;
       }
     }
-
-    p {
-      display: inline-block;
-      margin-right: 20px;
-    }
-
-    .fa-question-circle {
-      color: $blue;
-      font-size: 1.2rem;
-      display: inline-block;
-    }
-
-    .btn {
-      color: $white;
-      position: absolute;
-      bottom: 15px;
-      width: calc(100% - 30px);
-    }
-
-    .btn-notify {
-      bottom: 70px;
-
-      &:focus {
-        color: $blue-dark;
-      }
-    }
-
-    .btn:hover {
-      color: inherit;
-    }
   }
 }
 
 .component-date-selection {
   padding-top: 0;
+  padding-bottom: 16px;
 }
 
 .delivery-details__payment-details {
@@ -202,10 +167,18 @@
 }
 
 @include media-breakpoint-up(md) {
+  .delivery-details-product-oos {
+    padding: 24px;
+  }
+
   .delivery-details__payment-details_mobile {
     display: none;
   }
 
+  .component-date-selection {
+    padding-bottom: 24px;
+  }
+
   .delivery-details-option {
     &__contact-details {
       .your-contact-details {
@@ -281,56 +254,7 @@
   }
 }
 
-@include media-breakpoint-down(lg) {
-  .delivery-details-product-oos {
-    .product-oos-inner {
-      padding: 0 30px;
-
-      .content {
-        width: 100%;
-        flex: 100%;
-        max-width: 100%;
-
-        p {
-          width: calc(90% - 20px);
-          float: left;
-        }
-
-        .icon-info-component {
-          float: right;
-          width: 10%;
-          text-align: center;
-          margin-top: 5px;
-        }
-
-        .order-line:first-of-type {
-          clear: both;
-        }
-      }
-
-      .right-aside {
-        width: 100%;
-        flex: 100%;
-        max-width: 100%;
-        text-align: center;
-
-        .btn {
-          position: relative;
-          bottom: auto;
-          max-width: 280px;
-        }
-      }
-    }
-  }
-}
-
 @include media-breakpoint-down(md) {
-  .delivery-details-product-oos {
-    border: 0;
-    border-top: 2px solid $gray;
-    padding-top: 20px;
-  }
-
   .delivery-details-option {
     &__delivery-info {
       flex-direction: column;
@@ -359,18 +283,6 @@
 }
 
 @include media-breakpoint-down(sm) {
-  .delivery-details-product-oos {
-    .product-oos-inner {
-      .btn-notify {
-        margin-bottom: 1rem;
-      }
-    }
-  }
-
-  .component-date-selection {
-    padding-bottom: 20px;
-  }
-
   .delivery-details__payment-details {
     display: none;
   }