From 702c0f2e280d86fdfa5bfde15d1d11eb06a61fd9 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Tue, 28 May 2024 14:16:23 +0200
Subject: [PATCH] [#2480] Final P conversion

---
 .../components/templates/components/File/File.html        | 8 ++++----
 src/open_inwoner/js/components/form/FileInput.js          | 8 ++++----
 src/open_inwoner/scss/components/Cases/Cases.scss         | 6 +++---
 src/open_inwoner/templates/pages/cases/list_inner.html    | 2 +-
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/open_inwoner/components/templates/components/File/File.html b/src/open_inwoner/components/templates/components/File/File.html
index 9622da5e14..74eebb98a0 100644
--- a/src/open_inwoner/components/templates/components/File/File.html
+++ b/src/open_inwoner/components/templates/components/File/File.html
@@ -3,15 +3,15 @@
 <aside class="file">
     <div class="file__container {% if recently_added %}file__container--recent{% endif %}">
         <div class="file__file">
-            <p class="file__symbol">
+            <div class="file__symbol">
                 {% if is_image %}
                     {% icon icon="image" outlined=True %}
                 {% else %}
                     {% icon icon="insert_drive_file" outlined=True %}
                 {% endif %}
-            </p>
+            </div>
 
-            <p class="file__data">
+            <div class="file__data">
                 {% if recently_added %}
                     <span class="file__file--recent">{% icon icon="fiber_manual_record" outlined=False extra_classes="file__file--recent" %}{% trans "Nieuw" %}</span>
                 {% endif %}
@@ -26,7 +26,7 @@
                     {% endif %}
                 </span>
                 <span class="file__date">{{ created|date:'j F Y' }}</span>
-            </p>
+            </div>
             {% if allow_delete %}
                 {% dropdown icon="more_horiz" %}
                     <div class="dropdown__item">
diff --git a/src/open_inwoner/js/components/form/FileInput.js b/src/open_inwoner/js/components/form/FileInput.js
index c941c4f62e..f4b0ce9d25 100644
--- a/src/open_inwoner/js/components/form/FileInput.js
+++ b/src/open_inwoner/js/components/form/FileInput.js
@@ -293,14 +293,14 @@ export class FileInput extends Component {
       <aside class="file">
         <div class="file__container">
           <div class="file__file ${typeError || sizeError ? 'error' : ''}">
-            <p class="file__symbol">
+            <div class="file__symbol">
               <span aria-hidden="true" class="material-icons-outlined">${
                 type.match('image') ? 'image' : 'description'
               }</span>
-            </p>
-            <p class="file__data">
+            </div>
+            <div class="file__data">
               <span class="file__name">${name} (${ext}, ${sizeMB}MB)</span>
-            </p>
+            </div>
             <a class="link link--primary file__download" href="#document-upload" role="button" aria-label="${labelDelete}">
               <span aria-hidden="true" class="material-icons-outlined">delete</span>
             </a>
diff --git a/src/open_inwoner/scss/components/Cases/Cases.scss b/src/open_inwoner/scss/components/Cases/Cases.scss
index fbf0f8a38d..ce783773c8 100644
--- a/src/open_inwoner/scss/components/Cases/Cases.scss
+++ b/src/open_inwoner/scss/components/Cases/Cases.scss
@@ -10,8 +10,8 @@
     cursor: pointer;
   }
 
-  &__title_text {
-    padding-top: var(--spacing-medium);
-    padding-bottom: var(--spacing-extra-large);
+  > .utrecht-paragraph--oip-title-text {
+    padding-top: var(--spacing-large);
+    padding-bottom: var(--spacing-giant);
   }
 }
diff --git a/src/open_inwoner/templates/pages/cases/list_inner.html b/src/open_inwoner/templates/pages/cases/list_inner.html
index 5176ead910..34f5a403ed 100644
--- a/src/open_inwoner/templates/pages/cases/list_inner.html
+++ b/src/open_inwoner/templates/pages/cases/list_inner.html
@@ -1,7 +1,7 @@
 {% load link_tags button_tags i18n grid_tags icon_tags list_tags pagination_tags utils %}
 
 <h1 class="utrecht-heading-1" id="cases">{{ page_title }} ({{ paginator.count }})</h1>
-<p class="cases__title_text">{{ title_text }}</p>
+<p class="utrecht-paragraph utrecht-paragraph--oip-title-text">{{ title_text }}</p>
 
 <div class="card__grid">
 {% render_grid %}