fix: remove margin on sqAppIcon spinner

It pushed icons sideways
cozy · Mar 23, 2023 · 6d74024 · 6d74024
1 parent 05f4d17
commit 6d74024
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/react/SquareAppIcon/__snapshots__/SquareAppIcon.spec.js.snap b/react/SquareAppIcon/__snapshots__/SquareAppIcon.spec.js.snap
@@ -9,7 +9,7 @@ exports[`SquareAppIcon component should render an app correctly with the app nam
     class="MuiBadge-root"
   >
     <div
-      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1"
+      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1 u-m-0"
     >
       <svg
         aria-busy="true"
@@ -73,7 +73,7 @@ exports[`SquareAppIcon component should render an app correctly with the given n
     class="MuiBadge-root"
   >
     <div
-      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1"
+      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1 u-m-0"
     >
       <svg
         aria-busy="true"
@@ -137,7 +137,7 @@ exports[`SquareAppIcon component should render an app with the app slug if no na
     class="MuiBadge-root"
   >
     <div
-      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1"
+      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1 u-m-0"
     >
       <svg
         aria-busy="true"
@@ -431,7 +431,7 @@ exports[`SquareAppIcon component should render correctly an app with custom cont
     class="MuiBadge-root"
   >
     <div
-      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1"
+      class="styles__c-spinner___1snK7 styles__SquareAppIcon-spinner___o0LO1 u-m-0"
     >
       <svg
         aria-busy="true"

diff --git a/react/SquareAppIcon/index.jsx b/react/SquareAppIcon/index.jsx
@@ -83,7 +83,7 @@ export const SquareAppIcon = ({
         invisible={variant !== 'shortcut'}
       >
         {['default', 'loading'].includes(variant) && (
-          <Spinner className={styles['SquareAppIcon-spinner']} />
+          <Spinner className={cx(styles['SquareAppIcon-spinner'], 'u-m-0')} />
         )}
         <Badge
           className={cx(