From 132661d196bad73382e650851cda8f2e38cbab24 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Sat, 9 Jan 2021 16:16:57 +0100
Subject: [PATCH 1/3] Increase font size for alarm keypad number buttons

---
 src/panels/lovelace/cards/hui-alarm-panel-card.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-alarm-panel-card.ts b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
index c6dbf32b3689..898252649df0 100644
--- a/src/panels/lovelace/cards/hui-alarm-panel-card.ts
+++ b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
@@ -197,7 +197,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
           ? html``
           : html`
               <div id="keypad">
-                ${BUTTONS.map((value) => {
+                ${BUTTONS.map((value, index) => {
                   return value === ""
                     ? html` <mwc-button disabled></mwc-button> `
                     : html`
@@ -205,6 +205,9 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
                           .value="${value}"
                           @click="${this._handlePadClick}"
                           outlined
+                          class=${classMap({
+                            numberkey: index !== BUTTONS.length - 1, // exclude last key = "clear"
+                          })}
                         >
                           ${value === "clear"
                             ? this.hass!.localize(
@@ -344,7 +347,6 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
       }
 
       #keypad mwc-button {
-        text-size: 20px;
         padding: 8px;
         width: 30%;
         box-sizing: border-box;
@@ -364,6 +366,10 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
       mwc-button#disarm {
         color: var(--error-color);
       }
+
+      mwc-button.numberkey {
+        --mdc-typography-button-font-size: 22px;
+      }
     `;
   }
 }

From 4991952e9c304189774fb412ceb3f89112c5723b Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Sat, 9 Jan 2021 17:16:50 +0100
Subject: [PATCH 2/3] Simplified coding

---
 src/panels/lovelace/cards/hui-alarm-panel-card.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-alarm-panel-card.ts b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
index 898252649df0..c370faa72898 100644
--- a/src/panels/lovelace/cards/hui-alarm-panel-card.ts
+++ b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
@@ -197,7 +197,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
           ? html``
           : html`
               <div id="keypad">
-                ${BUTTONS.map((value, index) => {
+                ${BUTTONS.map((value) => {
                   return value === ""
                     ? html` <mwc-button disabled></mwc-button> `
                     : html`
@@ -206,7 +206,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
                           @click="${this._handlePadClick}"
                           outlined
                           class=${classMap({
-                            numberkey: index !== BUTTONS.length - 1, // exclude last key = "clear"
+                            numberkey: value !== "clear",
                           })}
                         >
                           ${value === "clear"

From 237d1ea86de559dfd59c96b1f7c3a4108419cade Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Sat, 16 Jan 2021 02:15:54 +0100
Subject: [PATCH 3/3] Allow font size styling of alarm keypad numbers

---
 src/panels/lovelace/cards/hui-alarm-panel-card.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/panels/lovelace/cards/hui-alarm-panel-card.ts b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
index c370faa72898..e82273bfef2d 100644
--- a/src/panels/lovelace/cards/hui-alarm-panel-card.ts
+++ b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
@@ -368,7 +368,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
       }
 
       mwc-button.numberkey {
-        --mdc-typography-button-font-size: 22px;
+        --mdc-typography-button-font-size: var(--keypad-font-size, 0.875rem);
       }
     `;
   }