From 744fe7511be62e225d1f45f4cc81f48fe2d41e3b Mon Sep 17 00:00:00 2001 From: Matt Bruce Date: Mon, 2 Feb 2026 09:42:46 -0600 Subject: [PATCH] Signed-off-by: Matt Bruce --- .../Features/Clock/Views/Components/TimeDisplayView.swift | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift b/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift index 7f4e278..c222716 100644 --- a/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift +++ b/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift @@ -138,11 +138,13 @@ struct TimeDisplayView: View { design: fontDesign, fontSize: fontSize ) - let segmentWidth = fixedDigitWidth * 2 // Each segment has 2 digits + let segmentWidth = fixedDigitWidth * 2 // Minutes/seconds always 2 digits + // Hour width is dynamic based on actual digit count (1 or 2 digits) + let hourSegmentWidth = fixedDigitWidth * CGFloat(hour.count) HStack(alignment: .center, spacing: 0) { TimeSegment(text: hour, fontSize: $fontSize, opacity: clockOpacity, digitColor: digitColor, glowIntensity: glowIntensity, fontFamily: fontFamily, fontWeight: fontWeight, fontDesign: fontDesign, isDisplayMode: isDisplayMode, animationStyle: animationStyle) - .frame(width: segmentWidth) + .frame(width: hourSegmentWidth) ColonView(dotDiameter: dotDiameter, spacing: dotSpacing, opacity: clockOpacity, digitColor: digitColor, glowIntensity: glowIntensity, fontWeight: fontWeight, isHorizontal: false) .frame(width: dotDiameter) TimeSegment(text: minute, fontSize: $fontSize, opacity: clockOpacity, digitColor: digitColor, glowIntensity: glowIntensity, fontFamily: fontFamily, fontWeight: fontWeight, fontDesign: fontDesign, isDisplayMode: isDisplayMode, animationStyle: animationStyle)