Merge pull request #54 from componentskit/fix/countdown-layout

Fix breaking layout in Countdown

Author: mikhailChelbaev

Sources/ComponentsKit/Components/Countdown/Helpers/CountdownWidthCalculator.swift

@@ -9,15 +9,16 @@ struct CountdownWidthCalculator {
     for attributedText: NSAttributedString,
     model: CountdownVM
   ) -> CGFloat {
-    self.style(label, with: model)
+    self.style(self.label, with: model)
     self.label.attributedText = attributedText
 
     let estimatedSize = self.label.sizeThatFits(UIView.layoutFittingExpandedSize)
 
-    return estimatedSize.width
+    return estimatedSize.width + 2
   }
 
   private static func style(_ label: UILabel, with model: CountdownVM) {
+    label.textAlignment = .center
     label.numberOfLines = 0
   }
 }

Sources/ComponentsKit/Components/Countdown/SUCountdown.swift

@@ -28,11 +28,11 @@ public struct SUCountdown: View {
       switch (self.model.style, self.model.unitsStyle) {
       case (.plain, .bottom):
         self.styledTime(value: self.manager.days, unit: .days)
-        colonView
+        self.colonView
         self.styledTime(value: self.manager.hours, unit: .hours)
-        colonView
+        self.colonView
         self.styledTime(value: self.manager.minutes, unit: .minutes)
-        colonView
+        self.colonView
         self.styledTime(value: self.manager.seconds, unit: .seconds)
 
       case (.plain, .hidden), (.plain, .trailing):