@licklist/design 0.67.1 → 0.67.2-dev.0

package/dist/styles/sales/GuestProfile.scss

@@ -1,231 +1,226 @@
 .profile {
-  .info-wrapper {
-    display: flex;
-
-    .info {
-      display: flex;
-      align-items: center;
-
-      .main {
+    .info-wrapper{
         display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-right: 1.75rem;
 
-        p,
-        h5 {
-          margin: 0;
-        }
+        .info {
+            display: flex;
+            align-items: center;
 
-        .quality-score {
-          color: theme-color("primary");
-        }
-      }
+            .main {
+                display: flex;
+                flex-direction: column;
+                justify-content: space-between;
+                margin-right: 1.75rem;
 
-      .gender-info {
-        display: flex;
-        align-items: start;
+                p, h5 {
+                    margin: 0;
+                }
 
-        .gender {
-          padding: 4px 0;
-
-          .brand-logo-container {
-            width: unset;
-          }
-        }
+                .quality-score {
+                    color: theme-color("primary");
+                }
+            }
 
-        .label {
-          background-color: theme-color("primary");
-          color: white;
-          padding: 4px 8px;
-          border-radius: 4px;
+            .gender-info {
+                display: flex;
+                align-items: start;
+
+                .gender {
+                    padding: 4px 0;
+                    
+                    .brand-logo-container {
+                        width: unset;
+                    }
+                }
+
+                .label {
+                    background-color: theme-color("primary");
+                    color: white;
+                    padding: 4px 8px;
+                    border-radius: 4px;
+                }
+            }
         }
-      }
     }
-  }
 }
 
 .user-metrics {
-  .metrics-wrapper {
-    display: flex;
-    flex-direction: column;
+    .metrics-wrapper {
+        display: flex;
+        flex-direction: column;
 
-    .metrics-row {
-      display: flex;
-      justify-content: space-between;
+        .metrics-row {
+            display: flex;
+            justify-content: space-between;
 
-      .metrics-column {
-        .top {
-          display: flex;
-          margin-bottom: 1.5rem;
-        }
+            .metrics-column {
+                .top {
+                    display: flex;
+                    margin-bottom: 1.5rem;
+                }
 
-        .bottom {
-          display: flex;
-          width: 100%;
-        }
+                .bottom {
+                    display: flex;
+                    width: 100%;
+                }
 
-        .metrics-info {
-          .label {
-            margin: 0;
-            color: #878787;
-          }
+                .metrics-info {
+                    .label {
+                        margin: 0;
+                        color: #878787;
+                    }
 
-          &:nth-child(even) {
-            margin-left: 3rem;
-          }
-        }
 
-        &:last-child {
-          margin-right: 3rem;
+                    &:nth-child(even) {
+                        margin-left: 3rem;
+                    }
+                }
+
+                &:last-child {
+                    margin-right: 3rem;
+                }
+            }
         }
-      }
     }
-  }
 }
 
 .previous-bookings {
-  .events-wrapper {
-    display: flex;
-    flex-wrap: wrap;
+    .events-wrapper {
+        display: flex;
+        flex-wrap: wrap;
 
-    .event-info {
-      margin-bottom: 1.5rem;
+        .event-info {
+            margin-bottom: 1.5rem;
 
-      .info-wrapper {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+            .info-wrapper {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
 
-        .label,
-        .event-date {
-          margin: 0;
-        }
-      }
+                .label, .event-date {
+                    margin: 0;
+                }
+            }
 
-      .products-wrapper {
-        margin-top: 4px;
-      }
+            .products-wrapper {
+                margin-top: 4px;
+            }
 
-      .event-date,
-      .product-name {
-        color: #878787;
-        line-height: 1.25;
-        font-size: 0.875rem;
-      }
+            .event-date, .product-name {
+                color: #878787;
+                line-height: 1.25;
+                font-size: 0.875rem;
+            }
 
-      .product-name {
-        display: flex;
-        p {
-          margin: 0;
-          margin-bottom: 0.125rem;
-          display: flex;
+            .product-name {
+                display: flex;
+                p {
+                    margin: 0;
+                    margin-bottom: 0.125rem;
+                    display: flex;
+                }
+            }
         }
-      }
     }
-  }
 
-  button.older-bookings-button {
-    padding: 0;
-  }
+    button.older-bookings-button {
+        padding: 0;
+    }
 
-  button.older-bookings-button:focus {
-    box-shadow: 0 0 0 0;
-  }
+    button.older-bookings-button:focus {
+        box-shadow: 0 0 0 0;
+    }
 }
 
 .visited-providers {
-  .visited-providers-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-
-    .provider {
-      display: flex;
-      flex-direction: column;
-      margin: 0 1.5rem 1.5rem 0;
-
-      .image-wrapper {
-        height: 8rem;
-        width: 15rem;
-        border-radius: 1rem;
-        background-color: $gray-300;
+    .visited-providers-wrapper {
         display: flex;
-        align-items: center;
-        text-align: center;
-
-        img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          border-radius: 1rem;
-        }
+        flex-wrap: wrap;
 
-        p {
-          margin: 0;
-        }
-      }
+        .provider {
+            display: flex;
+            flex-direction: column;
+            margin: 0 1.5rem 1.5rem 0;
+
+            .image-wrapper {
+                height: 8rem;
+                width: 15rem;
+                border-radius: 1rem;
+                background-color: $gray-300;
+                display: flex;
+                align-items: center;
+                text-align: center;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                    border-radius: 1rem;
+                }
+
+                p {
+                    margin: 0;
+                }
+            }
 
-      .content-wrapper {
-        display: flex;
-        align-items: center;
-        margin-top: 0.75rem;
+            .content-wrapper {
+                display: flex;
+                align-items: center;
+                margin-top: 0.75rem;
 
-        p {
-          margin: 0;
-        }
+                p {
+                    margin: 0;
+                }
 
-        .website {
-          margin-left: 0.5rem;
+                .website {
+                    margin-left: 0.5rem;
 
-          .brand-logo-container {
-            width: 100%;
+                    .brand-logo-container  {
+                        width: 100%;
 
-            svg {
-              vertical-align: unset;
-              padding-top: 0.125rem;
-              overflow: overlay;
+                        svg {
+                            vertical-align: unset;
+                            padding-top: 0.125rem;
+                            overflow: overlay;
+                        }
+                    }
+                }
             }
-          }
         }
-      }
     }
-  }
 }
 
-.profile,
-.user-metrics,
-.previous-bookings,
-.visited-providers {
-  padding: 2.5rem 0;
+.profile, .user-metrics, .previous-bookings, .visited-providers {
+    padding: 2.5rem 0;
 }
 
 .image-holder {
-  background-color: #c0c0c0;
-  width: 4rem;
-  height: 4rem;
-  border-radius: 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.75rem;
+    background-color: #c0c0c0;
+    width: 4rem;
+    height: 4rem;
+    border-radius: 4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.75rem;
 }
 
 @include media-breakpoint-down(sm) {
-  .user-metrics {
-    .metrics-wrapper {
-      .metrics-row {
-        flex-wrap: wrap;
-
-        .metrics-column {
-          .bottom {
-            margin-bottom: 1.5rem;
-          }
-
-          &:not(:first-child) {
-            margin-bottom: 1.5rem;
-          }
+    .user-metrics {
+        .metrics-wrapper {
+            .metrics-row {
+                flex-wrap: wrap;
+
+                .metrics-column {
+                    .bottom {
+                        margin-bottom: 1.5rem;
+                    }
+
+                    &:not(:first-child) {
+                        margin-bottom: 1.5rem;
+                    }
+                }
+            }
         }
-      }
     }
-  }
-}
+}

package/dist/styles/sales/LifeTimeSales.scss

@@ -64,7 +64,7 @@
       font-size: 1.5rem;
     }
   }
-
+  
   .recharts-rectangle {
     fill: $light-blue;
   }

package/dist/styles/sales/ManualBooking.scss

@@ -364,6 +364,8 @@
     display: none;
   }
 
+
+
   .form-control {
     margin-bottom: 1.5rem;
   }
@@ -422,7 +424,7 @@
     width: inherit;
 
     .form-control {
-      margin-bottom: 0.5rem;
+      margin-bottom: .5rem;
     }
     .receipt-title {
       font-size: 1.125rem;
@@ -494,4 +496,4 @@
       color: $blue;
     }
   }
-}
+}