1 files changed, 51 insertions, 0 deletions
diff --git a/style.css b/style.css
index 3569e6e..c5b527c 100644
--- a/style.css
+++ b/style.css
@@ -222,6 +222,11 @@ body.inprogress {
     opacity: 1;
   }
 }
+#map-legend-panel .modal-body {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+}
 #layer-selection-panel[aria-hidden="false"],
 #map-legend-panel[aria-hidden="false"] {
   animation: fade-in .25s ease-in-out both;
@@ -250,6 +255,10 @@ body.inprogress {
   }
 }
 
+#map-legend-button.disabled button {
+  color: rgb(from var(--bs-btn-color) r g b / calc(alpha*.25));
+  pointer-events: none;
+}
 @media screen and (max-width: 200px) {
   #layer-selection-button,
   #map-legend-button,
@@ -397,6 +406,48 @@ body.inprogress {
 #layer-selection-panel .accordion-item .form-check > .form-check-label {
   display: inline;
 }
+#map-legend-panel .list-group-flush > .list-group-item {
+  border: none;
+  padding: 0;
+}
+#map-legend-panel .modal-body > ul.list-group > li.list-group-item:not(.d-none) ~ li.list-group-item:not(.d-none) {
+  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
+  margin-top: .5rem;
+  padding-top: .5rem;
+}
+#map-legend-panel .list-group .list-group-item.h4,
+#map-legend-panel .list-group .list-group-item.h5,
+#map-legend-panel .list-group .list-group-item.h6 {
+  margin: 0 0 .25rem 0;
+}
+#map-legend-panel .list-group .list-group-item:not(.d-none) ~ .list-group-item.h5:not(.d-none) {
+  margin-top: .125rem;
+}
+#map-legend-panel .list-group .list-group-item.h4 {
+  font-size: 1.3rem;
+}
+#map-legend-panel .list-group .list-group-item.h5 {
+  font-size: 1.05rem;
+}
+#map-legend-panel .list-group .list-group-item.h6 {
+  font-size: 1rem;
+}
+#map-legend-panel .list-group .list-group-item .map-legend-symbol {
+  /* 24px */
+  height: calc(var(--bs-body-line-height) * var(--bs-body-font-size)) !important;
+}
+#map-legend-panel .list-group .list-group-item .map-legend-symbol > * {
+  width: 32px;
+  margin-right: .5rem;
+}
+#map-legend-panel .list-group .list-group-item .map-legend-symbol img {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+#map-legend-panel .list-group .list-group-item:not(.h4,.h5,.h6):hover {
+  background-color: var(--bs-list-group-action-hover-bg);
+}
 
 .popover {
   --bs-popover-header-padding-x: .75rem;