Generation Pay: consistent row labels (positions moved to the header), no wrap on phones

This commit is contained in:
martbost
2026-09-15 13:39:36 -05:00
parent a3e08c3435
commit 59db1bd711
+3 -2
View File
@@ -61,6 +61,7 @@
.gold{color:#111!important} .gold{color:#111!important}
.gp-sec,.gp-rule,table.gp,.gp-plus,.gp-cta{page-break-inside:avoid} .gp-sec,.gp-rule,table.gp,.gp-plus,.gp-cta{page-break-inside:avoid}
} }
table.gp td:first-child{white-space:nowrap}
</style></head> </style></head>
<body> <body>
<header class="wrap nav"><a class="brand" href="/"><img class="brand-mark" src="/logo.jpg" alt="The RM Circle" width="42" height="42"><span><span id="brandName">RM Circle</span><small>Generation Pay</small></span></a><div class="nav-actions"><a class="btn btn-secondary hide-mobile" href="/how-pay-works">← How You Get Paid</a><a class="btn btn-primary" href="/my">My Dashboard</a></div></header> <header class="wrap nav"><a class="brand" href="/"><img class="brand-mark" src="/logo.jpg" alt="The RM Circle" width="42" height="42"><span><span id="brandName">RM Circle</span><small>Generation Pay</small></span></a><div class="nav-actions"><a class="btn btn-secondary hide-mobile" href="/how-pay-works">← How You Get Paid</a><a class="btn btn-primary" href="/my">My Dashboard</a></div></header>
@@ -75,8 +76,8 @@
<div class="gp-sec"> <div class="gp-sec">
<h2>Exact POL received per person <span style="color:var(--muted);font-weight:600;font-size:14px">(Premium tier)</span></h2> <h2>Exact POL received per person <span style="color:var(--muted);font-weight:600;font-size:14px">(Premium tier)</span></h2>
<p><strong>There is no fee on upgrades.</strong> The 5% admin charge exists on <em>entries only</em> — every upgrade catch arrives at 100% of the upgrade price.</p> <p><strong>There is no fee on upgrades.</strong> The 5% admin charge exists on <em>entries only</em> — every upgrade catch arrives at 100% of the upgrade price.</p>
<div class="table-wrap"><table class="gp" id="gpTable"><thead><tr><th>Generation</th><th>They buy</th><th>Per person</th><th>× full generation (max)</th><th id="gpStH" style="display:none">Your status</th></tr></thead><tbody> <div class="table-wrap"><table class="gp" id="gpTable" style="--gp-nowrap:1"><thead><tr><th>Generation · positions</th><th>They buy</th><th>Per person</th><th>× full generation (max)</th><th id="gpStH" style="display:none">Your status</th></tr></thead><tbody>
<tr data-gen="1"><td>Gen 1 · 2 positions</td><td>Ascensus</td><td class="amt">621.40 POL</td><td class="tot">1,242.80 POL</td><td class="st"></td></tr> <tr data-gen="1"><td>Gen 1 · 2</td><td>Ascensus</td><td class="amt">621.40 POL</td><td class="tot">1,242.80 POL</td><td class="st"></td></tr>
<tr data-gen="2"><td>Gen 2 · 4</td><td>Fabrica</td><td class="amt">1,242.80 POL</td><td class="tot">4,971.22 POL</td><td class="st"></td></tr> <tr data-gen="2"><td>Gen 2 · 4</td><td>Fabrica</td><td class="amt">1,242.80 POL</td><td class="tot">4,971.22 POL</td><td class="st"></td></tr>
<tr data-gen="3"><td>Gen 3 · 8</td><td>Culmen</td><td class="amt">2,485.61 POL</td><td class="tot">19,884.88 POL</td><td class="st"></td></tr> <tr data-gen="3"><td>Gen 3 · 8</td><td>Culmen</td><td class="amt">2,485.61 POL</td><td class="tot">19,884.88 POL</td><td class="st"></td></tr>
<tr data-gen="4"><td>Gen 4 · 16</td><td>Apex</td><td class="amt">4,971.22 POL</td><td class="tot">79,539.51 POL</td><td class="st"></td></tr> <tr data-gen="4"><td>Gen 4 · 16</td><td>Apex</td><td class="amt">4,971.22 POL</td><td class="tot">79,539.51 POL</td><td class="st"></td></tr>