ISTWCMS-5129: css for the services nodes and term views overwrite

source/_patterns/00-config/_design-tokens.artifact.scss

@@ -503,4 +503,4 @@ $gesso: (
     xxl: 96px,
   ),
   gutter-width: 40px,
-);
+);
\ No newline at end of file

source/_patterns/04-components/catalog/_catalog.scss

 .path-catalogs,
 .path-taxonomy,
 .path-services {
-  // margin-top: 0.625rem;
-
   .views-element-container {
     min-height: 3rem;
     position: relative;
   }
-  .uw-catalog-search{
-  }
   .view-content {
   // reset the flex
     display: inherit;
@@ -58,55 +54,3 @@
     }
   }
 }
-.view-uw-view-catalog-show-nodes,
-.view-uw-view-catalog-show-terms{
-  display: inherit;
-  gap: inherit;
-  grid-template-columns:inherit;
-  padding: inherit;
-  position: inherit;
-  .view-content {
-    .item-list{
-      ul {
-        margin: 0;
-        padding: 0;
-
-        li {
-          list-style-type: none;
-          margin-left: 0;
-          padding-left: 0;
-          p{
-            margin:0;
-          }
-          a {
-            margin-right: .2rem;
-            text-decoration: underline;
-
-            &:hover,
-            &:focus{
-              text-decoration: none;
-            }
-          }
-          h2{
-            font-size: gesso-font-size(3);
-            margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
-            span{
-              font-family:gesso-font-family(primary);
-              font-size: gesso-font-size(0);
-              @include medium{
-                font-size: gesso-font-size(1);
-              }
-            }
-          }
-          .views-field-title{
-            @extend %hN;
-            @include display-text-style(h2);
-            font-size: gesso-font-size(3);
-            margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
-          }
-        }
-      }
-    }
-  }
-
-}

source/_patterns/04-components/details/_details.scss

@@ -4,7 +4,7 @@
 $details-background-color: gesso-color(ui, generic, background-light) !default;
 $details-background-color-hover: gesso-color(ui, generic, background) !default;
 $details-content-background-color: gesso-color(background, site) !default;
-$details-padding: gesso-spacing(lg) !default;
+$details-padding: gesso-spacing(sm) !default;
 $details-text-color: gesso-color(text, on-light) !default;
 $summary-font-family: gesso-font-family(book);
 $details-font-family: gesso-font-family(primary);
@@ -56,7 +56,7 @@ $details-font-family: gesso-font-family(primary);
   font-size: rem(gesso-font-size(-1));
   line-height: 1.25;
   outline: 0;
-  padding: 1rem;
+  padding: $details-padding;
   text-shadow: 0 1px 0 #fff;
   transition: box-shadow gesso-duration(short) gesso-easing(ease-in-out);
 

source/_patterns/04-components/view/_view.scss

@@ -155,6 +155,63 @@ $sidebar-width: 18.75rem;
       }
     }
   }
+
+  // Overite the view for when in services or catalog
+  &-uw-view-catalog-show-nodes,
+  &-uw-view-catalog-show-terms,
+  &-uw-view-taxonomy-show-nodes,
+  &-uw-view-taxonomy-show-terms,
+  &-uw-view-service-show-nodes,
+  &-uw-view-service-show-terms{
+    display: inherit;
+    gap: inherit;
+    grid-template-columns:inherit;
+    padding: inherit;
+    position: inherit;
+    .view-content {
+      .item-list{
+        ul {
+          margin: 0;
+          padding: 0;
+
+          li {
+            list-style-type: none;
+            margin-left: 0;
+            padding-left: 0;
+            p{
+              margin:0;
+            }
+            a {
+              margin-right: .2rem;
+              text-decoration: underline;
+
+              &:hover,
+              &:focus{
+                text-decoration: none;
+              }
+            }
+            h2{
+              font-size: gesso-font-size(3);
+              margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+              span{
+                font-family:gesso-font-family(primary);
+                font-size: gesso-font-size(0);
+                @include medium{
+                  font-size: gesso-font-size(1);
+                }
+              }
+            }
+            .views-field-title{
+              @extend %hN;
+              @include display-text-style(h2);
+              font-size: gesso-font-size(3);
+              margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+            }
+          }
+        }
+      }
+    }
+  }
 }
 .uw-offcanvas--filter{
   display: flex;