Improve CSS rules.

1 files changed, 18 insertions, 10 deletions

diff --git a/style.css b/style.css
index aff1fc8..3377f44 100644
--- a/style.css
+++ b/style.css
@@ -253,6 +253,8 @@ html, body {
 }
 #modal-info {
   pointer-events: auto;
+  -webkit-user-select: text;
+  -moz-user-select: text;
   user-select: text;
 }
 
@@ -305,21 +307,30 @@ html, body {
 }
 
 .popover {
-  --bs-popover-header-padding-x: .5rem;
+  --bs-popover-header-padding-x: .75rem;
   --bs-popover-header-padding-y: .5rem;
-  --bs-popover-body-padding-x: .25rem;
-  --bs-popover-body-padding-y: .25rem;
+  --bs-popover-body-padding-x: .45rem;
+  --bs-popover-body-padding-y: .5rem;
   --bs-popover-header-bg: var(--bs-popover-bg);
   --bs-popover-zindex: 1000;
   --bs-popover-max-width: 450px;
   width: var(--bs-popover-max-width);
+  pointer-events: auto;
+}
+.popover-header {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 .popover-body {
-  max-height: 1024px;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+  max-height: 40vh;
   overflow: auto auto;
 }
 .popover-body h6, .popover-body h5 {
-  margin-bottom: var(--bs-popover-body-padding-y);
+  margin-bottom: .25rem;
   margin-left: calc(var(--bs-popover-header-padding-x) - var(--bs-popover-body-padding-x));
   margin-right: calc(var(--bs-popover-header-padding-x) - var(--bs-popover-body-padding-x));
 }
@@ -330,11 +341,11 @@ html, body {
 }
 .popover-body table > tbody > tr > td:first-child {
   font-style: italic;
-  white-space: nowrap;
+  width: 9.75em;
   padding-right: .75em;
 }
 .popover-body table > tbody > tr > td {
-  padding: 0.1rem var(--bs-popover-body-padding-x);
+  padding: 0.1rem 0.3rem;
 }
 
 /* inspired from bootstrap's .btn-close */
@@ -360,9 +371,6 @@ html, body {
 }
 .popover-header .popover-button:disabled, .popover-header .popover-button.disabled {
   pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
   opacity: .25;
 }