From 304a2498a16445ab750791435adb8403020d134d Mon Sep 17 00:00:00 2001
From: JodieM <jminers@gmail.com>
Date: Mon, 2 Sep 2024 17:21:24 +1000
Subject: [PATCH] Modifed CSS for Dynamic Forms to be more like standard Field
 Sections

---
 .../main/default/lwc/indicatorBundle/indicatorBundle.html | 2 +-
 .../main/default/lwc/indicatorBundle/indicatorBundle.js   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html b/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html
index 6afd7c8..96bac89 100644
--- a/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html
+++ b/force-app/main/default/lwc/indicatorBundle/indicatorBundle.html
@@ -60,7 +60,7 @@ <h3 slot="title" class="slds-truncate slds-p-around_xx-small">
                         </div>   
                         <div class="slds-col">
                         <!-- 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-p-left_medium slds-clearfix">
+                            <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/indicatorBundle/indicatorBundle.js b/force-app/main/default/lwc/indicatorBundle/indicatorBundle.js
index dad52fe..8d3b515 100644
--- a/force-app/main/default/lwc/indicatorBundle/indicatorBundle.js
+++ b/force-app/main/default/lwc/indicatorBundle/indicatorBundle.js
@@ -118,11 +118,11 @@ export default class IndicatorBundle extends LightningElement {
                         this.card.iconClass = 'slds-var-m-right_x-small ';
                     }
                     
-                    if(this.flexipageRegionWidth == 'SMALL'){
-                        this.sectionBodyClass = 'slds-grid grid-wrap slds-card__body';
-                    } else {
-                        this.card.iconClass = 'slds-media__figure slds-var-m-right_xx-small';
+                    if(this.isStandardUsage != true){
                         this.sectionBodyClass = 'slds-grid grid-wrap slds-card__body slds-card__body_inner';
+                    } else {
+                        this.card.iconClass = 'slds-media__figure slds-var-m-right_x-small';
+                        this.sectionBodyClass = 'slds-grid grid-wrap slds-card__body';
                     }
 
                     // console.log('Card Data');