Remove padding (#11417)

src/dialogs/quick-bar/ha-quick-bar.ts

@@ -198,24 +198,32 @@ export class QuickBar extends LitElement {
               size="small"
               active
             ></ha-circular-progress>`
-          : html`<mwc-list
+          : items.length === 0
-              @rangechange=${this._handleRangeChanged}
+          ? html`
-              @keydown=${this._handleListItemKeyDown}
+              <div class="nothing-found">
-              @selected=${this._handleSelected}
+                ${this.hass.localize("ui.dialogs.quick-bar.nothing_found")}
-              style=${styleMap({
+              </div>
-                height: `${Math.min(
+            `
-                  items.length * (this._commandMode ? 56 : 72) + 26,
+          : html`
-                  this._done ? 500 : 0
+              <mwc-list
-                )}px`,
+                @rangechange=${this._handleRangeChanged}
-              })}
+                @keydown=${this._handleListItemKeyDown}
-            >
+                @selected=${this._handleSelected}
-              ${scroll({
+                style=${styleMap({
-                items,
+                  height: `${Math.min(
-                layout: Layout1d,
+                    items.length * (this._commandMode ? 56 : 72) + 26,
-                renderItem: (item: QuickBarItem, index) =>
+                    this._done ? 500 : 0
-                  this._renderItem(item, index),
+                  )}px`,
-              })}
+                })}
-            </mwc-list>`}
+              >
+                ${scroll({
+                  items,
+                  layout: Layout1d,
+                  renderItem: (item: QuickBarItem, index) =>
+                    this._renderItem(item, index),
+                })}
+              </mwc-list>
+            `}
         ${!this._narrow && this._hint
           ? html`<div class="hint">${this._hint}</div>`
           : ""}
@@ -673,7 +681,6 @@ export class QuickBar extends LitElement {
       haStyleDialog,
       css`
         .heading {
-          padding: 8px 20px 0px;
           display: flex;
           align-items: center;
           --mdc-theme-primary: var(--primary-text-color);
@@ -746,6 +753,12 @@ export class QuickBar extends LitElement {
           font-style: italic;
           text-align: center;
         }
+
+        .nothing-found {
+          padding: 16px 0px;
+          font-size: 16px;
+          text-align: center;
+        }
       `,
     ];
   }

src/translations/en.json

@@ -628,7 +628,8 @@
         },
         "filter_placeholder": "Entity Filter",
         "title": "Quick Search",
-        "key_c_hint": "Press 'c' on any page to open this search bar"
+        "key_c_hint": "Press 'c' on any page to open this search bar",
+        "nothing_found": "Nothing found!"
       },
       "voice_command": {
         "did_not_hear": "Home Assistant did not hear anything",