fix: 🐛 [JIRA:0] Update the padding of Illustrated Messagge (SAP#902)

* fix: 🐛 [JIRA:0] Update the padding of Illustrated Messagge

* fix: 🐛 [JIRA:0] Update the padding of Illustrated Messagge

---------

Co-authored-by: I824136 <[email protected]>
Co-authored-by: dyongxu <[email protected]>

Author: 3 people

Apps/Examples/Examples/FioriSwiftUICore/IllustratedMessage/IllustratedMessageExample.swift

@@ -95,7 +95,7 @@ struct IllustratedMessageExample: View {
                 Toggle("Action Button vertical Aligned", isOn: self.$isActionButtonVertical)
             }
 
-            ForEach(0 ... 7, id: \.self) { subcomponentConfiguration in
+            ForEach((0 ... 7).reversed(), id: \.self) { subcomponentConfiguration in
                 let hasImage = subcomponentConfiguration & 0b100 == 4
                 let hasDescription = subcomponentConfiguration & 0b010 == 2
                 let hasAction = subcomponentConfiguration & 0b001 == 1

Sources/FioriSwiftUICore/_FioriStyles/IllustratedMessageStyle.fiori.swift

@@ -86,7 +86,6 @@ extension IllustratedMessageFioriStyle {
         func makeBody(_ configuration: ActionConfiguration) -> some View {
             Action(configuration)
                 .font(.fiori(forTextStyle: .body, weight: .bold))
-                .fioriButtonStyle(FioriPrimaryButtonStyle(.infinity))
         }
     }
 
@@ -96,7 +95,6 @@ extension IllustratedMessageFioriStyle {
         func makeBody(_ configuration: SecondaryActionConfiguration) -> some View {
             SecondaryAction(configuration)
                 .font(.fiori(forTextStyle: .body, weight: .bold))
-                .fioriButtonStyle(FioriSecondaryButtonStyle(colorStyle: .tint, maxWidth: .infinity))
         }
     }
 }
@@ -122,17 +120,17 @@ public struct IllustratedMessageHorizontalLayoutStyle: IllustratedMessageStyle {
                 if configuration.isActionVerticallyAligned {
                     VStack(alignment: configuration.contentAlignment) {
                         configuration.action
-                            .fioriButtonStyle(FioriPrimaryButtonStyle())
+                            .fioriButtonStyle(FioriPrimaryButtonStyle(.infinity))
                         configuration.secondaryAction
-                            .fioriButtonStyle(FioriSecondaryButtonStyle(colorStyle: .tint))
+                            .fioriButtonStyle(FioriSecondaryButtonStyle(colorStyle: .tint, maxWidth: .infinity))
                     }
                     .padding(.top, (!configuration.action.isEmpty || !configuration.secondaryAction.isEmpty) ? 16 : 0)
                 } else {
                     HStack(spacing: 8) {
                         configuration.secondaryAction
                             .fioriButtonStyle(FioriSecondaryButtonStyle(colorStyle: .tint, maxWidth: .infinity))
                         configuration.action
-                            .fioriButtonStyle(FioriPrimaryButtonStyle())
+                            .fioriButtonStyle(FioriPrimaryButtonStyle(.infinity))
                     }
                     .padding(.top, (!configuration.action.isEmpty || !configuration.secondaryAction.isEmpty) ? 16 : 0)
                 }
@@ -154,6 +152,7 @@ public struct IllustratedMessageMixedLayoutStyle: IllustratedMessageStyle {
                     configuration.description
                         .multilineTextAlignment(getTextAlignment(configuration.contentAlignment))
                 }
+                .frame(maxWidth: .infinity)
             }
 
             if configuration.isActionVerticallyAligned {
@@ -320,7 +319,11 @@ public extension IllustratedMessageStyle where Self == IllustratedMessageFixedWi
     }
 }
 
-func getResizedDetailImage(detailImage: IllustratedMessageConfiguration.DetailImage, size: IllustratedMessage.DetailImageSize) -> some View {
+/// Get the resized detail image as a view based on image size parameter.
+/// - Parameter `detailImage`:  An `Image` for the `IllustratedMessage`.
+/// - Parameter `size`: enum value of `IllustratedMessage.DetailImageSize`.
+/// - Returns: `IllustratedMessageConfiguration.DetailImage`
+public func getResizedDetailImage(detailImage: IllustratedMessageConfiguration.DetailImage, size: IllustratedMessage.DetailImageSize) -> some View {
     switch size {
     case .extraSmall:
         return detailImage