From 0547dffc849dedebe5a55d843fd8a106afba2653 Mon Sep 17 00:00:00 2001
From: Moritz <moritzlang@outlook.com>
Date: Fri, 19 Mar 2021 01:14:12 +0100
Subject: [PATCH] fix(button_card_templates): adjust alignment for moz

Since firefox currently does not support the `alignment-baseline` attribute, the `dominant-baseline` attribute can be set to achieve a vertically centered alignment.
---
 button_card_templates.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/button_card_templates.yaml b/button_card_templates.yaml
index 7286fab2..156bd83c 100644
--- a/button_card_templates.yaml
+++ b/button_card_templates.yaml
@@ -80,7 +80,7 @@
                   }
                 </style>
                 <circle cx="25" cy="25" r="${radius}" stroke="#b2b2b2" stroke-width="1.5" fill="none" />
-                <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle">${input}<tspan font-size="10">%</tspan></text>
+                <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle" dominant-baseline="middle">${input}<tspan font-size="10">%</tspan></text>
               </svg>
             `;
           }
@@ -284,7 +284,7 @@
                 }
               </style>
               <circle cx="25" cy="25" r="20.5" stroke="${stroke_color}" stroke-width="1.5" fill="${fill_color}" />
-              <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle">${last_changed}</text>
+              <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle" dominant-baseline="middle">${last_changed}</text>
             </svg>
           `;
         ]]]