From d715ec2308acf6ad5e05c9bdfa90624abb86ec3c Mon Sep 17 00:00:00 2001
From: piitaya <paul.bottein@gmail.com>
Date: Tue, 10 May 2022 22:03:38 +0200
Subject: [PATCH] fix(actions): allow scroll within actions

---
 src/cards/cover-card/cover-card-editor.ts | 1 +
 src/utils/card-styles.ts                  | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/cards/cover-card/cover-card-editor.ts b/src/cards/cover-card/cover-card-editor.ts
index 5d760fff0..464b2b0c9 100644
--- a/src/cards/cover-card/cover-card-editor.ts
+++ b/src/cards/cover-card/cover-card-editor.ts
@@ -26,6 +26,7 @@ const computeSchema = memoizeOne((icon?: string): HaFormSchema[] => [
         type: "grid",
         name: "",
         schema: [
+            { name: "layout", selector: { "mush-layout": {} } },
             { name: "fill_container", selector: { boolean: {} } },
             { name: "hide_state", selector: { boolean: {} } },
         ],
diff --git a/src/utils/card-styles.ts b/src/utils/card-styles.ts
index e07e4b96a..b05c05484 100644
--- a/src/utils/card-styles.ts
+++ b/src/utils/card-styles.ts
@@ -16,8 +16,14 @@ export const cardStyle = css`
         display: flex;
         flex-direction: row;
         align-items: flex-start;
-        justify-content: flex-end;
+        justify-content: flex-start;
         overflow-y: auto;
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none; /* IE 10+ */
+    }
+    .actions::-webkit-scrollbar {
+        background: transparent; /* Chrome/Safari/Webkit */
+        height: 0px;
     }
     .actions *:not(:last-child) {
         margin-right: var(--spacing);