From d76467408af159ba8761f7664472607ceb65b824 Mon Sep 17 00:00:00 2001
From: Arem Draft <artemon_93@mail.ru>
Date: Tue, 8 Mar 2022 04:57:50 +0300
Subject: [PATCH] fix fan speed menu in compact view

---
 src/styles.css     | 10 ++++++++--
 src/vacuum-card.js |  5 +++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index eb22f50f..5ce16a13 100755
--- a/src/styles.css
+++ b/src/styles.css
@@ -10,15 +10,14 @@ ha-card {
   position: relative;
   padding: 0px;
   border-radius: 4px;
-  overflow: hidden;
 }
 
 .preview {
   background: var(--primary-color);
   cursor: pointer;
-  overflow: hidden;
   position: relative;
   text-align: center;
+  border-radius: 4px 4px 0 0;
 }
 
 .preview.not-available {
@@ -224,6 +223,7 @@ ha-icon {
 
 .toolbar {
   background: var(--lovelace-background, var(--primary-background-color));
+  border-radius: 0 0 4px 4px;
   min-height: 30px;
   display: flex;
   flex-direction: row;
@@ -272,3 +272,9 @@ ha-icon {
   color: var(--primary-color);
   display: flex;
 }
+
+.icon-title {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0 3px;
+}
diff --git a/src/vacuum-card.js b/src/vacuum-card.js
index 2bb1c979..df0d8622 100755
--- a/src/vacuum-card.js
+++ b/src/vacuum-card.js
@@ -282,7 +282,7 @@ class VacuumCard extends LitElement {
       <ha-button-menu @click="${(e) => e.stopPropagation()}">
         <mmp-icon-button slot="trigger">
           <ha-icon icon="mdi:fan"></ha-icon>
-          <span>
+          <span class="icon-title">
             ${localize(`source.${source}`) || source}
           </span>
         </mmp-icon-button>
@@ -514,7 +514,8 @@ class VacuumCard extends LitElement {
               ${this.renderSource()}
             </div>
             <div class="battery">
-              ${battery_level}% <ha-icon icon="${battery_icon}"></ha-icon>
+              <span class="icon-title">${battery_level}%</span>
+              <ha-icon icon="${battery_icon}"></ha-icon>
             </div>
           </div>