From 1b8652ceaf7803a49a72c3517586d30a5fcc4095 Mon Sep 17 00:00:00 2001 From: seb Date: Sat, 1 Aug 2026 05:46:09 +0200 Subject: [PATCH] Enlarge the article price typography in the price tile. --- src/components/article/ArticleView.jsx | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/src/components/article/ArticleView.jsx b/src/components/article/ArticleView.jsx index d158eb2..7ec7411 100644 --- a/src/components/article/ArticleView.jsx +++ b/src/components/article/ArticleView.jsx @@ -174,13 +174,25 @@ const articlePriceTextSx = { }; const articlePriceFieldSx = { + '& .MuiOutlinedInput-root': { + alignItems: 'baseline', + }, '& .MuiInputBase-input': { - fontSize: '2rem', + fontSize: '3.5rem', + py: 0.5, + height: 'auto', ...articlePriceTextSx, }, + '& .MuiInputAdornment-root': { + marginRight: 0.75, + height: 'auto', + maxHeight: 'none', + alignItems: 'baseline', + }, '& .MuiInputAdornment-root .MuiTypography-root': { - fontSize: '1.25rem', + fontSize: '2rem', fontWeight: 700, + lineHeight: 1.1, }, // Keep 1px outline in all states so focus/edit doesn't nudge the value. '& .MuiOutlinedInput-notchedOutline': {