17095 spotlight converted to card (#2076)

* spotlight converted to card * padding and link
department-of-veterans-affairs · May 9, 2024 · e955ff7 · e955ff7
1 parent bdffde2
commit e955ff7
Showing 1 changed file with 5 additions and 10 deletions.
diff --git a/src/site/includes/vba_facilities/spotlight_content.liquid b/src/site/includes/vba_facilities/spotlight_content.liquid
@@ -1,19 +1,14 @@
-<div class="feature featured-content-list-item vads-u-flex--fill vads-u-padding-y--1p5 vads-u-padding-x--1p5 vads-u-margin-bottom--0 medium-screen:vads-u-margin-bottom--2">
+<va-card class="vads-u-flex--fill vads-u-margin-bottom--0 medium-screen:vads-u-margin-bottom--2">
     {% if entity.fieldSectionHeader != empty %}
-        <h3 class="force-small-header vads-u-margin-bottom--2">{{ entity.fieldSectionHeader }}</h3>
-        <hr class="featured-content-hr vads-u-margin-y--1p5 vads-u-border-color--primary">
+        <h3 class="vads-u-margin-top--0">{{ entity.fieldSectionHeader }}</h3>
     {% endif %}
     {% if entity.fieldDescription %}
         <div id="featured-content-description{{ entity.fieldSectionHeader }}}}">
             {{ entity.fieldDescription.processed | drupalToVaPath | phoneLinks }}
         </div>
     {% endif %}
     {% if entity.fieldCta.entity.fieldButtonLink.url.path %}
-        <p class="vads-u-padding-top--1">
-            <va-link 
-                href="{{ entity.fieldCta.entity.fieldButtonLink.url.path }}" 
-                text="{{ entity.fieldCta.entity.fieldButtonLabel }}" 
-            ></va-link>
-        </p>
+        <va-link active href="{{ entity.fieldCta.entity.fieldButtonLink.url.path }}"  text="{{ entity.fieldCta.entity.fieldButtonLabel }}" ></va-link>
+
     {% endif %}
-</div>
+</va-card>