Merge pull request #58 from DanteWinters/develop

Fix formatting for individual PV values
DanteWinters · Aug 4, 2024 · e23f854 · e23f854
2 parents 1de4178 + 4a71387
commit e23f854
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/html-functions.js b/html-functions.js
@@ -71,6 +71,10 @@ export function generateStyles(config) {
     padding-top: 1.5px;
     padding-bottom: 1.5px;
   }
+  .pv-main-text {
+    font-size: min(4vw, 1em);
+    font-weight: bold;
+  }
   
   /* IMAGE CELLS */
   .image-cell img {

diff --git a/lux-power-distribution-card.js b/lux-power-distribution-card.js
@@ -294,7 +294,7 @@ class LuxPowerDistributionCard extends HTMLElement {
         let sol_text = "";
         let pv_values = cef.getIndividualPvValues(this._config, this._hass, index);
         for (let i = 0; i < pv_values.length; i++) {
-          sol_text += `<p><text class="sub-text">${i + 1}:</text> <text class="header-text">${pv_values[i]}</text></p>`;
+          sol_text += `<text class="pv-main-text">${pv_values[i]}</text>\n`;
         }
         solar_info_element.innerHTML = `
           <div>