chore: restore th

dhis2 · Sep 14, 2023 · ddd8ea8 · ddd8ea8
1 parent ab89a46
commit ddd8ea8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/components/map/layers/EventPopup.js b/src/components/map/layers/EventPopup.js
@@ -27,7 +27,7 @@ const getDataRows = ({ displayElements, dataValues, styleDataItem, value }) => {
     ) {
         dataRows.push(
             <tr key={styleDataItem.id}>
-                <td>{styleDataItem.name}</td>
+                <th>{styleDataItem.name}</th>
                 <td>{hasValue(value) ? value : i18n.t('Not set')}</td>
             </tr>
         )
@@ -48,7 +48,7 @@ const getDataRows = ({ displayElements, dataValues, styleDataItem, value }) => {
 
         dataRows.push(
             <tr key={id}>
-                <td>{name}</td>
+                <th>{name}</th>
                 <td>{formattedValue}</td>
             </tr>
         )
@@ -103,24 +103,24 @@ const EventPopup = ({
                             })}
                         {type === 'Point' && (
                             <tr>
-                                <td>
+                                <th>
                                     {eventCoordinateFieldName ||
                                         i18n.t('Event location')}
-                                </td>
+                                </th>
                                 <td>
                                     {coord[0].toFixed(6)} {coord[1].toFixed(6)}
                                 </td>
                             </tr>
                         )}
                         {orgUnitName && (
                             <tr>
-                                <td>{i18n.t('Organisation unit')}</td>
+                                <th>{i18n.t('Organisation unit')}</th>
                                 <td>{orgUnitName}</td>
                             </tr>
                         )}
                         {eventDate && (
                             <tr>
-                                <td>{i18n.t('Event time')}</td>
+                                <th>{i18n.t('Event time')}</th>
                                 <td>{formatTime(eventDate)}</td>
                             </tr>
                         )}

diff --git a/src/components/map/layers/styles/EventPopup.module.css b/src/components/map/layers/styles/EventPopup.module.css
@@ -5,16 +5,16 @@
     max-width: 400px;
 }
 
-.eventPopup tr td {
+.eventPopup th, .eventPopup td {
     text-align: left;
     vertical-align: top;
 }
 
-.eventPopup tr td:first-child {
+.eventPopup tr th {
     font-weight: 500;
     padding-right: var(--spacers-dp4);
 }
 
-.eventPopup tr td:last-child {
+.eventPopup tr td {
     min-width: 120px;
 }