Set layer button size in rems

Lets buttons become larger if font-only zoom is used. This should help with layer name labels not fitting.

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index a1734682e159e2c3040ca67fee5b828c864331cd..ee551aed2a3ed0daed281cde7b6fa8e5c4b93c36 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -412,7 +412,7 @@ body.small-nav {
 
 .layers-ui {
   .base-layers > * {
 
 .layers-ui {
   .base-layers > * {

-    height: 56px;
+    height: 3.5rem;

 
     > .btn {
       --bs-btn-border-color: var(--bs-body-bg);
 
     > .btn {
       --bs-btn-border-color: var(--bs-body-bg);