From 50717b4d19ff47ca73aea5a6f944219916dc3fa6 Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Wed, 1 Apr 2020 19:21:53 -0400
Subject: [PATCH 1/2] PAdding

---
 src/panels/lovelace/cards/hui-shopping-list-card.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/panels/lovelace/cards/hui-shopping-list-card.ts b/src/panels/lovelace/cards/hui-shopping-list-card.ts
index 782707c8a4..a6b8b899d2 100644
--- a/src/panels/lovelace/cards/hui-shopping-list-card.ts
+++ b/src/panels/lovelace/cards/hui-shopping-list-card.ts
@@ -209,6 +209,10 @@ class HuiShoppingListCard extends LitElement implements LovelaceCard {
 
   static get styles(): CSSResult {
     return css`
+      ha-card {
+        padding-bottom: 16px;
+      }
+
       .editRow,
       .addRow {
         display: flex;

From c4cf248a1ee67e75fef4119708c2535d1e5fc460 Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Wed, 1 Apr 2020 20:24:52 -0400
Subject: [PATCH 2/2] Has header padding

---
 src/panels/lovelace/cards/hui-shopping-list-card.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/cards/hui-shopping-list-card.ts b/src/panels/lovelace/cards/hui-shopping-list-card.ts
index a6b8b899d2..7ecfd6ec15 100644
--- a/src/panels/lovelace/cards/hui-shopping-list-card.ts
+++ b/src/panels/lovelace/cards/hui-shopping-list-card.ts
@@ -27,6 +27,7 @@ import {
 import { ShoppingListCardConfig, SensorCardConfig } from "./types";
 import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
 import { actionHandler } from "../common/directives/action-handler-directive";
+import { classMap } from "lit-html/directives/class-map";
 
 @customElement("hui-shopping-list-card")
 class HuiShoppingListCard extends LitElement implements LovelaceCard {
@@ -108,7 +109,12 @@ class HuiShoppingListCard extends LitElement implements LovelaceCard {
     }
 
     return html`
-      <ha-card .header="${this._config.title}">
+      <ha-card
+        .header=${this._config.title}
+        class=${classMap({
+          "has-header": "title" in this._config,
+        })}
+      >
         <div class="addRow">
           <ha-icon
             class="addButton"
@@ -211,6 +217,11 @@ class HuiShoppingListCard extends LitElement implements LovelaceCard {
     return css`
       ha-card {
         padding-bottom: 16px;
+        padding-top: 16px;
+      }
+
+      .has-header {
+        padding-top: 0;
       }
 
       .editRow,