ISTWCMS-5035: additional css for catalog search and landing page

js/component_scripts.min.js

+/**
+ * @file
+ * Ckeditor Modal.
+ */
+
+(function ($, Drupal) {
+  if ($.ui && $.ui.dialog) {
+    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
+    $.ui.dialog.prototype._allowInteraction = function (event) {
+      if ($(event.target).closest('.cke_dialog').length) {
+        return true;
+      }
+      return orig_allowInteraction.apply(this, arguments);
+    };
+  }
+})(jQuery, Drupal);
+
 /**
  * @file
  */
@@ -373,23 +390,6 @@ else {
   };
 })(jQuery);
 
-/**
- * @file
- * Ckeditor Modal.
- */
-
-(function ($, Drupal) {
-  if ($.ui && $.ui.dialog) {
-    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
-    $.ui.dialog.prototype._allowInteraction = function (event) {
-      if ($(event.target).closest('.cke_dialog').length) {
-        return true;
-      }
-      return orig_allowInteraction.apply(this, arguments);
-    };
-  }
-})(jQuery, Drupal);
-
 /**
  * @file
  */

source/_patterns/04-components/card/card.twig

@@ -147,7 +147,8 @@
 
           {% block details_content %}
             {% if link_profile %}
-              <div class="card__link-profile">Link to Profile:<br />
+              <div class="card__link-profile">
+                <span class="uw-label">Link to Profile:</span>
                 <a href="{{ link_profile.uri }}">{{ link_profile.title }}</a>
               </div>
             {% endif %}
@@ -301,7 +302,7 @@
           {% block details_content %}
             {% for key, tag in catalog_tags %}
               <div class="card__catalog-tags card__tags-{{ key }}">
-                <strong>{{ key }}:</strong><br />
+                <span class="uw-label">{{ key }}:</span>
                 {% include "@components/tag-list/tag-list.twig" with {
                   items: tag
                 } %}

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

@@ -40,6 +40,7 @@
            }
            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);
@@ -86,6 +87,7 @@
           }
           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);
@@ -93,7 +95,12 @@
                 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;
           }
         }
       }