aljaz/satshkd-vercel
1
0
Fork 0
mirror of https://github.com/aljazceru/satshkd-vercel.git synced 2025-12-17 05:04:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Increase font sizes globally across all screen sizes

Browse Source 
- Increased base body font size from 16px to 18px in skeleton.css
- Added global table cell font size of 1.2rem in skeleton.css
- Increased table font sizes in main.css (tbody: 18px, thead: 20px, tfoot: 18px)
- Increased base table font sizes in mobile.css from 1rem to 1.2rem
- Updated mobile breakpoint font sizes proportionally to maintain readability
This commit is contained in:
Claude
2025-11-22 06:42:52 +00:00
parent 6222a058d5
commit ad50372e62
3 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/static/main.css
View File

@@ -82,7 +82,7 @@ a:active{
max-width:600px; max-width:600px;
margin-top:7%; margin-top:7%;
margin-bottom:20px;} margin-bottom:20px;}
font-size: 16px; font-size: 18px;
h1{ h1{
font-size:180%; font-size:180%;
@@ -162,7 +162,7 @@ table.minimalistBlack td, table.minimalistBlack th {
padding: 8px 9px; padding: 8px 9px;
} }
table.minimalistBlack tbody td { table.minimalistBlack tbody td {
font-size: 16px; font-size: 18px;
} }
table.minimalistBlack thead { table.minimalistBlack thead {
background: #CFCFCF; background: #CFCFCF;
@@ -172,20 +172,20 @@ table.minimalistBlack thead {
border-bottom: 2px solid #000000; border-bottom: 2px solid #000000;
} }
table.minimalistBlack thead th { table.minimalistBlack thead th {
font-size: 18px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
text-align: left; text-align: left;
} }
table.minimalistBlack tfoot td { table.minimalistBlack tfoot td {
font-size: 16px; font-size: 18px;
} }
.total{ .total{
font-weight:bold; font-weight:bold;
text-align:right!important; text-align:right!important;
} }
td.total{ td.total{
font-size:17px; font-size:19px;
} }
.symbol{ .symbol{
font-weight:bold; font-weight:bold;
@@ -194,14 +194,14 @@ td.total{
content: "$"; content: "$";
} }
table.minimalistBlack tfoot { table.minimalistBlack tfoot {
font-size: 16px; font-size: 18px;
font-weight: bold; font-weight: bold;
background: #EBEBEB; background: #EBEBEB;
color: #000000; color: #000000;
border-top: 3px solid #000000; border-top: 3px solid #000000;
} }
table.minimalistBlack tfoot td { table.minimalistBlack tfoot td {
font-size: 16px; font-size: 18px;
} }
.small-print{ .small-print{

18
public/static/mobile.css
View File

@@ -33,18 +33,18 @@ h3 {
table.u-full-width { table.u-full-width {
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;
font-size: 1rem; font-size: 1.2rem;
} }
table.u-full-width thead th { table.u-full-width thead th {
font-size: 1.2rem; font-size: 1.4rem;
padding: 10px 5px; padding: 10px 5px;
white-space: nowrap; white-space: nowrap;
} }
table.u-full-width tbody td { table.u-full-width tbody td {
padding: 12px 5px; padding: 12px 5px;
font-size: 1rem; font-size: 1.2rem;
} }
/* Mobile-specific styles */ /* Mobile-specific styles */
@@ -69,17 +69,17 @@ table.u-full-width tbody td {
/* Table optimization for mobile */ /* Table optimization for mobile */
table.u-full-width { table.u-full-width {
font-size: 0.9rem; font-size: 1.1rem;
} }
table.u-full-width thead th { table.u-full-width thead th {
font-size: 1rem; font-size: 1.2rem;
padding: 8px 3px; padding: 8px 3px;
} }
table.u-full-width tbody td { table.u-full-width tbody td {
padding: 10px 3px; padding: 10px 3px;
font-size: 0.9rem; font-size: 1.1rem;
} }
/* Chart container */ /* Chart container */
@@ -121,17 +121,17 @@ table.u-full-width tbody td {
/* Make table more compact on very small screens */ /* Make table more compact on very small screens */
table.u-full-width { table.u-full-width {
font-size: 0.85rem; font-size: 1.05rem;
} }
table.u-full-width thead th { table.u-full-width thead th {
font-size: 0.95rem; font-size: 1.15rem;
padding: 6px 2px; padding: 6px 2px;
} }
table.u-full-width tbody td { table.u-full-width tbody td {
padding: 8px 2px; padding: 8px 2px;
font-size: 1.2rem; font-size: 1.3rem;
} }
/* Smaller dark toggle for small screens */ /* Smaller dark toggle for small screens */

3
public/static/skeleton.css vendored
View File

@@ -121,7 +121,7 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */
html { html {
font-size: 62.5%; } font-size: 62.5%; }
body { body {
font-size: 16px; /* currently ems cause chrome bug misinterpreting rems on body element */ font-size: 18px; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6; line-height: 1.6;
font-weight: 400; font-weight: 400;
/*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
@@ -327,6 +327,7 @@ th,
td { td {
padding: 12px 15px; padding: 12px 15px;
line-height: 1.8; line-height: 1.8;
font-size: 1.2rem;
text-align: left; text-align: left;
border-bottom: 1px solid #E1E1E1; } border-bottom: 1px solid #E1E1E1; }
th:first-child, th:first-child,