chore(style): adjust button positioning

EOX-A · Nov 21, 2024 · 6f86d92 · 6f86d92
1 parent af65172
commit 6f86d92
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/elements/layercontrol/src/components/layer-tools.js b/elements/layercontrol/src/components/layer-tools.js
@@ -262,9 +262,9 @@ export class EOxLayerControlLayerTools extends LitElement {
       position: absolute;
       right: 0;
       top: -24px;
-      border-radius: 4px;
+      height: 24px;
       cursor: pointer;
-      display: var(--layer-visibility);
+      display: var(--layer-tools-button-visibility);
     }
     .single-action .icon::before,
     details.tools summary .icon::before {
@@ -301,7 +301,6 @@ export class EOxLayerControlLayerTools extends LitElement {
       height: 16px;
       width: 16px;
       margin-right: var(--padding);
-      transform: translateY(-17px);
     }
     eox-layercontrol-tools-items button.icon,
     eox-layercontrol-tools-items .button.icon {

diff --git a/elements/layercontrol/src/main.js b/elements/layercontrol/src/main.js
@@ -264,6 +264,7 @@ export class EOxLayerControl extends LitElement {
       --layer-type-visibility: block;
       --layer-title-visibility: flex;
       --layer-visibility: block;
+      --layer-tools-button-visibility: flex;
 
       display: block;
       padding: var(--padding) 0;