From 0561247ac12f08e4f257cbc92fd7a1cef49a4484 Mon Sep 17 00:00:00 2001
From: ThunderboxEntertainment
 <36485835+ThunderboxEntertainment@users.noreply.github.com>
Date: Tue, 5 Dec 2023 05:44:38 +0000
Subject: [PATCH] Update location-card.vue

Swapped the location of the temperature/humidity with the other badges to eliminate "popping" on the Location cards.

This way If you have some rooms with equipment active, and some without, the temp and humidity readings will all be aligned (as opposed to offset).

Signed-off-by: ThunderboxEntertainment <36485835+ThunderboxEntertainment@users.noreply.github.com>
---
 .../web/src/components/cards/location-card.vue       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/components/cards/location-card.vue b/bundles/org.openhab.ui/web/src/components/cards/location-card.vue
index eefbc5cd2a..43edae72e6 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/location-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/location-card.vue
@@ -8,17 +8,17 @@
         <generic-widget-component :context="childContext(slotComponent)" v-for="(slotComponent, idx) in context.component.slots.glance" :key="'glance-' + idx" @command="onCommand" />
       </div>
       <div class="location-stats margin-top" :class="config.invertText ? 'invert-text' : ''" v-if="!config.disableBadges">
-        <span v-for="badgeType in ['alarms', 'battery', 'lights', 'windows', 'doors', 'garagedoors', 'blinds', 'presence', 'lock', 'climate', 'screens', 'projectors', 'speakers']" :key="badgeType">
-          <status-badge v-if="!config.badges || !config.badges.length || config.badges.indexOf(badgeType) >= 0"
-                        :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText" :badgeOverrides="badgeOverrides" />
-        </span>
-      </div>
-      <div class="location-stats margin-top-half" v-if="!config.disableBadges">
         <span v-for="badgeType in ['temperature', 'humidity', 'co2', 'luminance']" :key="badgeType">
           <measurement-badge v-if="!config.badges || !config.badges.length || config.badges.indexOf(badgeType) >= 0"
                              :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText" :badgeOverrides="badgeOverrides" />
         </span>
       </div>
+      <div class="location-stats margin-top-half" v-if="!config.disableBadges">
+        <span v-for="badgeType in ['alarms', 'battery', 'lights', 'windows', 'doors', 'garagedoors', 'blinds', 'presence', 'lock', 'climate', 'screens', 'projectors', 'speakers']" :key="badgeType">
+          <status-badge v-if="!config.badges || !config.badges.length || config.badges.indexOf(badgeType) >= 0"
+                        :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText" :badgeOverrides="badgeOverrides" />
+        </span>        
+      </div>
     </template>
     <div class="card-content-padding">
       <f7-segmented round tag="p" v-if="element.equipment.length > 0 && element.properties.length > 0">