fix: compact view menu

Fix fan speed menu in compact view
cociweb · Mar 10, 2022 · 5c30871 · 5c30871
2 parents 92b1211 + d764674
commit 5c30871
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git 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
@@ -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>