health: drop typical pill lower on taller displays

Push the typical-text pill down by a third of HEALTH_Y_OFFSET, and
shift the current-step count by half that, so the gap between them
stays balanced. Applies to both the activity and sleep summary
cards. Zero on legacy-sized displays (asterix, flint) since
HEALTH_Y_OFFSET is 0 there; a few px on the taller displays
(obelix, getafix) where there's slack below the pill.

Regenerates activity, sleep, and card-view goldens on obelix/gabbro.

Co-authored-by: Claude <noreply@anthropic.com>
Signed-off-by: Ave Özkal <git@ave.zone>

Author: aveao

src/fw/apps/system/health/activity_summary_card.c

@@ -110,7 +110,11 @@ static void prv_render_current_steps(GContext *ctx, Layer *base_layer) {
     snprintf(buffer, sizeof(buffer), EM_DASH);
   }
 
-  const int y = PBL_IF_RECT_ELSE(PBL_IF_BW_ELSE(85, 83), 88) + HEALTH_Y_OFFSET;
+  // Mirror the pill's downshift at half the offset so the step count and
+  // pill stay visually balanced. Zero on legacy-sized displays where
+  // HEALTH_Y_OFFSET itself is 0.
+  const int y = PBL_IF_RECT_ELSE(PBL_IF_BW_ELSE(85, 83), 88) + HEALTH_Y_OFFSET
+                + HEALTH_Y_OFFSET / 6;
   graphics_context_set_text_color(ctx, CURRENT_TEXT_COLOR);
   graphics_draw_text(ctx, buffer, font,
                      GRect(0, y, base_layer->bounds.size.w, 40),

src/fw/apps/system/health/ui.c

@@ -70,7 +70,13 @@ void health_ui_render_typical_text_box(GContext *ctx, Layer *layer, const char *
   const bool is_split = PBL_IF_COLOR_ELSE(daily_total > 0 && bin_minute >= 0, false);
   const int pill_height = is_split ? 53 : PBL_IF_RECT_ELSE(35, 36);
 
-  const int y = PBL_IF_RECT_ELSE(PBL_IF_BW_ELSE(122, 120), 125) + HEALTH_Y_OFFSET;
+  // Push the pill lower by a third of the display's vertical health-offset.
+  // Scales to the slack available — zero on legacy-sized displays (asterix,
+  // flint), a few px on taller displays (obelix, getafix). Applies to both
+  // activity and sleep cards on those taller displays; the extra breathing
+  // room reads better on both.
+  const int y = PBL_IF_RECT_ELSE(PBL_IF_BW_ELSE(122, 120), 125) + HEALTH_Y_OFFSET
+                + HEALTH_Y_OFFSET / 3;
   GRect rect = GRect(0, y, layer->bounds.size.w, pill_height);
 #if PBL_RECT
   rect = grect_inset(rect, GEdgeInsets(0, HEALTH_INSET));
@@ -123,10 +129,14 @@ void health_ui_render_typical_text_box(GContext *ctx, Layer *layer, const char *
 
   const char *total_label = i18n_get("TOTAL", layer);
 
-  // Row 2: subheaders (TOTAL | time). Reserve room below the header so the
-  // subheaders aren't crowded against the TYPICAL line.
-  GRect sub_left = GRect(rect.origin.x, rect.origin.y + 19,
-                         rect.size.w / 2, 14);
+  // Row 2: subheaders (time | TOTAL). Reserve room below the header so the
+  // subheaders aren't crowded against the TYPICAL line. On round we narrow
+  // the column band so the two halves sit closer to the pill's center
+  // instead of marooned at the round display's edges.
+  const int16_t col_band_inset = PBL_IF_RECT_ELSE(0, 40);
+  const int16_t col_w = (rect.size.w - 2 * col_band_inset) / 2;
+  GRect sub_left = GRect(rect.origin.x + col_band_inset, rect.origin.y + 19,
+                         col_w, 14);
   GRect sub_right = sub_left;
   sub_right.origin.x += sub_left.size.w;
   graphics_draw_text(ctx, time_text, small_font, sub_left,