From 49e66514e48f5575a8074397cf49c86250361bac Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 23 Jun 2026 12:09:04 +0000 Subject: [PATCH] Fix horizontal scroll for pricing table on small screens The .price-table-wrap used overflow: hidden to clip its rounded corners, which also blocked horizontal scrolling. On narrow viewports the table could exceed the viewport width (nowrap price/free-tier columns) with no way to scroll right. Switch to overflow-x: auto (keeping overflow-y hidden for the corner clip) and enable momentum scrolling on iOS. Co-Authored-By: Claude Opus 4.8 Claude-Session: https://claude.ai/code/session_01A1KoH2AxFgNYub3PGaZ7uX --- assets/style/_components.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/assets/style/_components.scss b/assets/style/_components.scss index ef275c2..a5ec392 100644 --- a/assets/style/_components.scss +++ b/assets/style/_components.scss @@ -318,7 +318,9 @@ a.card:hover { .price-table-wrap { border: 1px solid var(--color-line); border-radius: var(--radius-lg); - overflow: hidden; + overflow-x: auto; + overflow-y: hidden; + -webkit-overflow-scrolling: touch; box-shadow: var(--shadow-panel); background: var(--color-base); }