From 056e638fd0656d22cf76638960eb7f3e0fe9b7c9 Mon Sep 17 00:00:00 2001
From: Henrik Uggla <henrik.uggla@kristianstad.se>
Date: Thu, 28 Mar 2024 13:12:15 +0100
Subject: [PATCH] Update legend.js

Fix misaligned buttons
---
 src/controls/legend.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/controls/legend.js b/src/controls/legend.js
index c7452b2de..925e01569 100644
--- a/src/controls/legend.js
+++ b/src/controls/legend.js
@@ -196,7 +196,7 @@ const Legend = function Legend(options = {}) {
     },
     style: {
       'vertical-align': 'bottom',
-      'margin-bottom': '7px',
+      'margin-bottom': '13px',
       'padding-right': '6px'
     },
     icon: '#ic_close_fullscreen_24px',
@@ -213,7 +213,7 @@ const Legend = function Legend(options = {}) {
     },
     style: {
       'vertical-align': 'bottom',
-      'margin-bottom': '7px',
+      'margin-bottom': '13px',
       'padding-right': '6px'
     },
     icon: '#ic_open_in_full_24px',
@@ -666,7 +666,8 @@ const Legend = function Legend(options = {}) {
         cls: 'icon-smaller small round grey-lightest',
         style: {
           'vertical-align': 'bottom',
-          'margin-bottom': '4px'
+          'margin-bottom': '8.5px',
+          'margin-top': '-2px'
         },
         icon: '#ic_close_24px',
         state: closeButtonState,
@@ -710,7 +711,8 @@ const Legend = function Legend(options = {}) {
         style: {
           'background-color': '#fff',
           'border-top': '1px solid #dbdbdb',
-          'border-radius': '0.5rem'
+          'border-radius': '0.5rem',
+          'padding-bottom': '6px'
         },
         components: baselayerCmps
       });