add padding left of text boxes

vibrating_alarm_m5stickc.py

@@ -13,8 +13,10 @@ import utils
 import utime
 from m5stack import axp, btnA, btnB, lcd, rtc
 
-_FONT = lcd.FONT_DejaVu40
+_LARGE_FONT = lcd.FONT_DejaVu40
+_SMALL_FONT = lcd.FONT_DejaVu18
 _DEFAULT_FONT_COLOR = lcd.WHITE
+_LEFT_PADDING = 8
 _ALARM_TIME_PATH = "alarm.json"
 _SCREEN_WIDTH, _SCREEN_HEIGHT = lcd.winsize()
 _AWAKE_SECONDS = 8
@@ -149,9 +151,9 @@ class App:
         # https://github.com/m5stack/UIFlow-Code/wiki/M5UI#textbox
         self._clock_text_box = m5ui.M5TextBox(
             _SCREEN_WIDTH - 1,
-            0,
+            _LEFT_PADDING,
             self._format_time(),
-            _FONT,
+            _LARGE_FONT,
             _DEFAULT_FONT_COLOR,
             rotate=90,
         )
@@ -169,20 +171,25 @@ class App:
             self._load_alarm_time()
         self._alarm_hour_text_box = m5ui.M5TextBox(
             _SCREEN_WIDTH // 2,
-            0,
+            _LEFT_PADDING,
             "{:02d}".format(self._alarm_hour),  # type: ignore
-            _FONT,
+            _LARGE_FONT,
             _DEFAULT_FONT_COLOR,
             rotate=90,
         )
         m5ui.M5TextBox(
-            _SCREEN_WIDTH // 2, 53, ":", _FONT, _DEFAULT_FONT_COLOR, rotate=90
+            _SCREEN_WIDTH // 2,
+            _LEFT_PADDING + 53,
+            ":",
+            _LARGE_FONT,
+            _DEFAULT_FONT_COLOR,
+            rotate=90,
         )
         self._alarm_minute_text_box = m5ui.M5TextBox(
             _SCREEN_WIDTH // 2,
-            66,
+            _LEFT_PADDING + 66,
             "{:02d}".format(self._alarm_minute),  # type: ignore
-            _FONT,
+            _LARGE_FONT,
             _DEFAULT_FONT_COLOR,
             rotate=90,
         )
@@ -200,7 +207,7 @@ class App:
             12,
             _SCREEN_HEIGHT - 20,
             "",
-            lcd.FONT_DejaVu18,
+            _SMALL_FONT,
             _DEFAULT_FONT_COLOR,
             rotate=0,
         )