@npm_leadtech/legal-lib-components 5.2.12 → 5.2.13

package/dist/css/styles.css

@@ -6410,7 +6410,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .trustworthy-websites__image {
   margin: 1.5rem;
-  max-width: 8rem;
+  max-width: 7rem;
 }
 .type-modules-list {
   display: flex;
@@ -6851,8 +6851,15 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
 }
 .guidelines-section-main {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   flex-wrap: nowrap;
+  padding: 1.5rem;
+}
+@media (min-width: 960px) {
+  .guidelines-section-main {
+    flex-direction: row;
+    padding: 0;
+  }
 }
 .guidelines-section__texts {
   flex-basis: 50%;
@@ -6909,7 +6916,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   }
 }
 .guidelines-section__image.is-mobile {
-  display: flex;
+  display: none;
 }
 @media (min-width: 720px) {
   .guidelines-section__image.is-mobile {
@@ -7511,9 +7518,14 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   flex-direction: column;
   box-shadow: 0px 2px 6px 0px rgba(2, 55, 74, 0.25);
   background: var(--others-white);
-  transform: translateY(-50%);
+  transform: translateY(-5rem);
   padding: 1.5rem 0;
 }
+@media (min-width: 960px) {
+  .as-seen-in-section-box .as-seen-in-section {
+    transform: translateY(-50%);
+  }
+}
 .as-seen-in-section-box .as-seen-in-section__title {
   text-align: center;
   font-size: 32px;
@@ -7551,11 +7563,12 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   display: flex;
   justify-content: center;
   flex-direction: column;
-  gap: 2.5rem;
+  gap: 1rem;
 }
 @media (min-width: 960px) {
   .contact-us-section-blocks {
     flex-direction: row;
+    gap: 2.5rem;
   }
 }
 .contact-us-section-blocks__item {
@@ -8229,6 +8242,12 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
   width: 100%;
   margin: 0 auto;
   text-align: center;
+  padding: 1.5rem;
+}
+@media (min-width: 960px) {
+  .people-say {
+    padding: 0;
+  }
 }
 @media (min-width: 1200px) {
   .people-say {

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.scss

@@ -9,6 +9,6 @@
 
   &__image {
     margin: 1.5rem;
-    max-width: 8rem;
+    max-width: 7rem;
   }
 }

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.scss

@@ -4,8 +4,14 @@
 .guidelines-section {
   &-main {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     flex-wrap: nowrap;
+    padding: 1.5rem;
+
+    @include laptop {
+      flex-direction: row;
+      padding: 0;
+    }
   }
 
   &__texts {
@@ -65,7 +71,7 @@
     }
 
     &.is-mobile {
-      display: flex;
+      display: none;
 
       @include landscape-tablets {
         display: none;

package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.scss

@@ -14,9 +14,13 @@
     flex-direction: column;
     box-shadow: 0px 2px 6px 0px rgba(2, 55, 74, 0.25);
     background: get-color(others, white);
-    transform: translateY(-50%);
+    transform: translateY(-5rem);
     padding: 1.5rem 0;
 
+    @include laptop {
+      transform: translateY(-50%);
+    }
+
     &__title {
       text-align: center;
       font-size: 32px;
@@ -59,10 +63,11 @@
     display: flex;
     justify-content: center;
     flex-direction: column;
-    gap: 2.5rem;
+    gap: 1rem;
 
     @include laptop {
       flex-direction: row;
+      gap: 2.5rem;
     }
 
     &__item {

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.scss

@@ -5,6 +5,11 @@
   width: 100%;
   margin: 0 auto;
   text-align: center;
+  padding: 1.5rem;
+
+  @include laptop {
+    padding: 0;
+  }
 
   @include desktop {
     max-width: $max-width;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.2.12",
+  "version": "5.2.13",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",