fix(FR-1780): Align the refresh button of the dashboard items

Author: nowgnuesLee

react/src/components/ActiveAgents.tsx

@@ -25,7 +25,7 @@ const ActiveAgents: React.FC<ActiveAgentsProps> = ({
       align="stretch"
       style={{
         paddingLeft: token.paddingXL,
-        paddingRight: token.paddingXL,
+        paddingRight: token.padding,
         height: '100%',
       }}
     >

react/src/components/AgentStats.tsx

@@ -151,7 +151,8 @@ const AgentStats: React.FC<AgentStatsProps> = ({
       direction="column"
       align="stretch"
       style={{
-        paddingInline: token.paddingXL,
+        paddingLeft: token.paddingXL,
+        paddingRight: token.padding,
         paddingBottom: token.padding,
         ...props.style,
       }}

react/src/components/MyResource.tsx

@@ -140,7 +140,8 @@ const MyResource: React.FC<MyResourceProps> = ({
       direction="column"
       align="stretch"
       style={{
-        paddingInline: token.paddingXL,
+        paddingLeft: token.paddingXL,
+        paddingRight: token.padding,
         paddingBottom: token.padding,
         ...props.style,
       }}

react/src/components/MyResourceWithinResourceGroup.tsx

@@ -177,7 +177,8 @@ const MyResourceWithinResourceGroup: React.FC<
       direction="column"
       align="stretch"
       style={{
-        paddingInline: token.paddingXL,
+        paddingLeft: token.paddingXL,
+        paddingRight: token.padding,
         paddingBottom: token.padding,
         ...props.style,
       }}

react/src/components/RecentlyCreatedSession.tsx

@@ -64,7 +64,7 @@ const RecentlyCreatedSession: React.FC<RecentlyCreatedSessionProps> = ({
         align="stretch"
         style={{
           paddingLeft: token.paddingXL,
-          paddingRight: token.paddingXL,
+          paddingRight: token.padding,
           height: '100%',
         }}
       >

react/src/components/TotalResourceWithinResourceGroup.tsx

@@ -271,7 +271,8 @@ const TotalResourceWithinResourceGroup: React.FC<
       direction="column"
       align="stretch"
       style={{
-        paddingInline: token.paddingXL,
+        paddingLeft: token.paddingXL,
+        paddingRight: token.padding,
         paddingBottom: token.padding,
         ...props.style,
       }}