Merge pull request #799 from danskernesdigitalebibliotek/DDFLSBP-177-…

…header-semantics Use correct semantics for header
danskernesdigitalebibliotek · Jan 2, 2024 · 618c7bc · 618c7bc
2 parents 5c31634 + 33ce86e
commit 618c7bc
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/apps/loan-list/list/ListHeader.tsx b/src/apps/loan-list/list/ListHeader.tsx
@@ -11,7 +11,7 @@ const ListHeader: FC<ListHeaderProps> = ({ header, amount, children }) => {
     <div className="dpl-list-buttons">
       <h2 className="dpl-list-buttons__header">
         {header}
-        <div className="dpl-list-buttons__power">{amount}</div>
+        <span className="dpl-list-buttons__power">{amount}</span>
       </h2>
       <div className="dpl-list-buttons__buttons">{children}</div>
     </div>

diff --git a/src/apps/reservation-list/list/list.tsx b/src/apps/reservation-list/list/list.tsx
@@ -83,7 +83,7 @@ const List: FC<ListProps> = ({
             <h2 className="dpl-list-buttons__header">
               <>
                 {header}
-                <div className="dpl-list-buttons__power">0</div>
+                <span className="dpl-list-buttons__power">0</span>
               </>
             </h2>
           </div>

diff --git a/src/components/list-header/list-header.tsx b/src/components/list-header/list-header.tsx
@@ -18,7 +18,7 @@ const ListHeader: FC<ListHeaderProps> = ({
       <h2 data-cy={dataCy} className="dpl-list-buttons__header">
         {header}
         {amount !== null && (
-          <div className="dpl-list-buttons__power">{amount}</div>
+          <span className="dpl-list-buttons__power">{amount}</span>
         )}
       </h2>
       <div className="dpl-list-buttons__buttons">{children}</div>