Fixed layout for promo banner.

Author: ivanvorobei

Example App/NativeUIKit.xcodeproj/project.xcworkspace/xcuserdata/ivanvorobei.xcuserdatad/UserInterfaceState.xcuserstate

@@ -54,46 +54,33 @@
       debugDocumentVersioning = "YES"
       debugServiceExtension = "internal"
       allowLocationSimulation = "YES">
-      <RemoteRunnable
-         runnableDebuggingMode = "2"
-         BundleIdentifier = "com.apple.Carousel"
-         RemotePath = "/(null)">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "F4C33E2F26C932C8001A28B1"
             BuildableName = "watchOS Example.app"
             BlueprintName = "watchOS Example"
             ReferencedContainer = "container:NativeUIKit.xcodeproj">
          </BuildableReference>
-      </RemoteRunnable>
+      </BuildableProductRunnable>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Release"
       shouldUseLaunchSchemeArgsEnv = "YES"
       savedToolIdentifier = ""
       useCustomWorkingDirectory = "NO"
       debugDocumentVersioning = "YES">
-      <RemoteRunnable
-         runnableDebuggingMode = "2"
-         BundleIdentifier = "com.apple.Carousel"
-         RemotePath = "/(null)">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
          <BuildableReference
             BuildableIdentifier = "primary"
             BlueprintIdentifier = "F4C33E2F26C932C8001A28B1"
             BuildableName = "watchOS Example.app"
             BlueprintName = "watchOS Example"
             ReferencedContainer = "container:NativeUIKit.xcodeproj">
          </BuildableReference>
-      </RemoteRunnable>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "F4C33E2F26C932C8001A28B1"
-            BuildableName = "watchOS Example.app"
-            BlueprintName = "watchOS Example"
-            ReferencedContainer = "container:NativeUIKit.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
+      </BuildableProductRunnable>
    </ProfileAction>
    <AnalyzeAction
       buildConfiguration = "Debug">

Example App/NativeUIKit.xcodeproj/xcshareddata/xcschemes/watchOS Example.xcscheme

@@ -76,7 +76,7 @@ open class NativePromoView: SPView {
         addSubview(descriptionLabel)
         addSubview(iconView)
         addSubview(button)
-        
+        areaView.layoutMargins = .init(horizontal: 24, vertical: 24)
         iconView.applyPerspective(.iOS14WidgetAnimatable)
     }
 
@@ -95,11 +95,13 @@ open class NativePromoView: SPView {
         super.layoutSubviews()
         areaView.frame = .init(x: layoutMargins.left, y: layoutMargins.top, width: layoutWidth, height: areaView.frame.height)
 
-        titleLabel.layoutDynamicHeight(width: layoutWidth)
+        let labelsWidth = areaView.layoutWidth
+        
+        titleLabel.layoutDynamicHeight(width: labelsWidth)
         titleLabel.setXCenter()
-        titleLabel.frame.origin.y = areaView.frame.origin.y + 24
+        titleLabel.frame.origin.y = areaView.frame.origin.y + areaView.layoutMargins.top
 
-        descriptionLabel.layoutDynamicHeight(width: layoutWidth)
+        descriptionLabel.layoutDynamicHeight(width: labelsWidth)
         descriptionLabel.setXCenter()
         descriptionLabel.frame.origin.y = titleLabel.frame.maxY + 3