Fix: Icon sizes on the profile pages and components (#824)

uktrade · Nov 28, 2024 · a288430 · a288430
1 parent c71edb0
commit a288430
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/dw_design_system/dwds/components/profile_info.html b/src/dw_design_system/dwds/components/profile_info.html
@@ -23,10 +23,14 @@ <h3>
             <div class="content-footer">
                 {% spaceless %}
                     {% if email_address %}
-                        <a class="content-with-icon" href="mailto:{{ email_address }}">{% include "dwds/icons/email.html" %}</a>
+                        <a class="content-with-icon" href="mailto:{{ email_address }}">
+                            {% include "dwds/icons/email.html" with extra_classes="small" %}
+                        </a>
                     {% endif %}
                     {% if phone_number %}
-                        <a class="content-with-icon" href="tel:{{ phone_number }}">{% include "dwds/icons/phone.html" %}</a>
+                        <a class="content-with-icon" href="tel:{{ phone_number }}">
+                            {% include "dwds/icons/phone.html" with extra_classes="small" %}
+                        </a>
                     {% endif %}
                 {% endspaceless %}
             </div>

diff --git a/src/peoplefinder/templates/peoplefinder/profile.html b/src/peoplefinder/templates/peoplefinder/profile.html
@@ -71,7 +71,7 @@ <h1 class="text-large" data-testid="full-name">{{ profile.full_name }}</h1>
 
                                         {% if profile.uk_office_location.city %}
                                             <div class="content-with-icon min-gap">
-                                                {% include "dwds/icons/marker.html" %}
+                                                {% include "dwds/icons/marker.html" with extra_classes="small" %}
                                                 {{ profile.uk_office_location.city }}
                                             </div>
                                         {% endif %}