with max-width:920px, declared inside that page. login_sites.php has no such wrapper, so its table fills the panel at 1090px while the traffic one was pinned at 900px and pushed off-centre - which is why the two pages looked different. Dan asked for the traffic table to match the login one. The cap comes off; overflow-x:auto stays, so a narrow screen can still scroll the table rather than break the page. Specificity beats the page's own .table-container rule regardless of which loads first. */ #tooplate_main .table-container { max-width: none; } /* The sites tables hold long URLs and need more room than running prose does. #tooplate_content is capped at 1180px so a paragraph never stretches across a huge monitor - right for text, too tight for a seven column data grid: 19 of the 41 URLs were wrapping onto a second line. So pages that actually contain the grid get a wider cap. Everything else keeps the reading width. */ #tooplate_main:has(td > a > img[src*="edit.png"]) #tooplate_content, #tooplate_main:has(.table-container) #tooplate_content { max-width: 1560px; } /* ...and rebalance the columns, because the widths in the markup are the wrong way round for the content. The header row carries width attributes of Site name 20%, Site URL 5%, Visitors 5% + 5%, Site Status 20%, Pause/Resume 10% and Action 35% - so the column holding long URLs was told to be the smallest on the table while three buttons were given a third of it. The URL cells also carry an inline max-width:5%, which is why simply widening the table changed nothing: the URL column stayed at 265px however much room it was given, and 19 of the 41 URLs wrapped onto two lines. Percentages below add up to 100. Action gets width:1%, which in table layout means "shrink to your contents" - with the nowrap above that is exactly the width of the two icons and the Reset button, no more. */ #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(1) { width: 13%; } #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(2) { width: 38% !important; max-width: none !important; } #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(3), #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(4) { width: 8%; } #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(5) { width: 11%; } #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(6) { width: 12%; } /* width:1% alone shrank this column BELOW what the buttons need and the Reset buttons spilled 12px past the table, so it carries a real pixel minimum as well: 24 + 24 for the icons, 92 for Reset, margins and the cell's 7px padding either side. */ #tooplate_main table:has(td > a > img[src*="edit.png"]) tr > *:nth-child(7) { width: 1%; min-width: 168px; } /* NO white-space:nowrap here. traffic_sites.php wraps its table in

with max-width:920px and overflow-x:auto - a scroll wrapper defined inside that page. nowrap made this column refuse to shrink, so the table could push past 920px, which produced a horizontal scrollbar under the table and left the Reset button looking like it had fallen out of the right-hand edge. Letting the column shrink keeps the whole table inside the wrapper. */ /* ======================================================================== 12. HEADER: LOGO LEFT, NAVIGATION RIGHT, ONE TAN RULE Dan asked for the myinstantads.com arrangement (27 Aug 2026): logo hard left with the tagline under it, links hard right, and a single tan line instead of the two the site has today. The two lines today are: - a 0.5px one from #tooplate_header::before, declared !important with z-index 9999 in an inline

title