CSS: Improve style for maximized popovers.

In particular, fix a bug where not the entire height was used for the
popover body.

1 files changed, 8 insertions, 7 deletions

diff --git a/src/popover.js b/src/popover.js
index bdcd5ae..7313ce1 100644
--- a/src/popover.js
+++ b/src/popover.js
@@ -1655,18 +1655,19 @@ const formatFeaturePropertiesToHTML = function(properties) {
     const tr = document.createElement('tr');
     tbody.appendChild(tr);
 
-    const td1 = document.createElement('td');
-    tr.appendChild(td1);
+    const th = document.createElement('th');
+    th.setAttribute('scope', 'row');
+    tr.appendChild(th);
     const textDesc = document.createTextNode(desc);
-    td1.appendChild(textDesc);
+    th.appendChild(textDesc);
 
-    const td2 = document.createElement('td');
-    tr.appendChild(td2);
+    const td = document.createElement('td');
+    tr.appendChild(td);
     const v = formatValue(properties[key], opts);
     if (v != null) {
-      td2.appendChild(v);
+      td.appendChild(v);
     }
-    opts?.classes?.forEach?.((c) => td2.classList.add(c));
+    opts?.classes?.forEach?.((c) => td.classList.add(c));
   });
 
   const content = document.createElement('div');