From 2ae30ac0241c4bae933e26744aa620a3c7b85bdd Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 13 Feb 2019 21:32:32 +0100
Subject: [PATCH] Position delete/move menu better for mobile (#2738)

---
 .../lovelace/components/hui-card-options.ts     | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/panels/lovelace/components/hui-card-options.ts b/src/panels/lovelace/components/hui-card-options.ts
index fcc0652418..374506ccd1 100644
--- a/src/panels/lovelace/components/hui-card-options.ts
+++ b/src/panels/lovelace/components/hui-card-options.ts
@@ -34,34 +34,37 @@ export class HuiCardOptions extends LitElement {
             rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
           display: flex;
         }
+
         div.options .primary-actions {
           flex: 1;
           margin: auto;
         }
+
         div.options .secondary-actions {
           flex: 4;
           text-align: right;
         }
-        mwc-button {
-          color: var(--primary-color);
-          font-weight: 500;
-        }
+
         paper-icon-button {
           color: var(--primary-text-color);
         }
+
         paper-icon-button.move-arrow[disabled] {
           color: var(--disabled-text-color);
         }
+
         paper-menu-button {
           color: var(--secondary-text-color);
           padding: 0;
         }
+
         paper-item.header {
           color: var(--primary-text-color);
           text-transform: uppercase;
           font-weight: 500;
           font-size: 14px;
         }
+
         paper-item {
           cursor: pointer;
         }
@@ -92,7 +95,11 @@ export class HuiCardOptions extends LitElement {
             @click="${this._cardUp}"
             ?disabled="${this.path![1] === 0}"
           ></paper-icon-button>
-          <paper-menu-button>
+          <paper-menu-button
+            horizontal-align="right"
+            vertical-align="bottom"
+            vertical-offset="40"
+          >
             <paper-icon-button
               icon="hass:dots-vertical"
               slot="dropdown-trigger"