From 7d3a50686a9d77ffd23c61662be7fff5827c20df Mon Sep 17 00:00:00 2001
From: JodieM <jminers@gmail.com>
Date: Sat, 17 Aug 2024 21:48:07 +1000
Subject: [PATCH] Extra vertical space between icons

---
 .../lwc/indicatorBundle/indicatorBundle.html  |  2 +-
 .../indicatorBundleItem.html                  | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html b/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html
index 9c4eebd..39f7d97 100644
--- a/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html
+++ b/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html
@@ -42,7 +42,7 @@ <h3 slot="title">
                     </template>
                 </template>
                 <!-- TODO: Do we put this in a Layout which would be responsive to the container, this could allow for empty slots too -->
-                <div class="slds-var-m-left_medium">
+                <div class="slds-var-m-left_medium slds-clearfix ">
                     <template if:true={results}>
                         <template for:each={results} for:item="fld">
                             <c-indicator-bundle-item if:true={fld.fShowAvatar} key={fld.fName}
diff --git a/force-app/main/default/lwc/indicatorBundleItem/indicatorBundleItem.html b/force-app/main/default/lwc/indicatorBundleItem/indicatorBundleItem.html
index c33ab5a..78ea653 100644
--- a/force-app/main/default/lwc/indicatorBundleItem/indicatorBundleItem.html
+++ b/force-app/main/default/lwc/indicatorBundleItem/indicatorBundleItem.html
@@ -1,13 +1,15 @@
 <template>
-    <template if:false={record}>
-        <lightning-avatar 
-            size={indSize}
-            variant={indShape}
-            initials={indText}
-            src={indImage} 
-            fallback-icon-name={indIcon}
-            alternative-text={indHoverText} 
-            class={indClass}>
-        </lightning-avatar>
-    </template>
+    <div class="slds-var-m-bottom_x-small slds-float_left">
+        <template if:false={record}>
+            <lightning-avatar 
+                size={indSize}
+                variant={indShape}
+                initials={indText}
+                src={indImage} 
+                fallback-icon-name={indIcon}
+                alternative-text={indHoverText} 
+                class={indClass}>
+            </lightning-avatar>
+        </template>
+    </div>
 </template>
\ No newline at end of file