Align downline rows into a grid (name | contact | date | action)

Each row was an independent flex line, so variable-width emails threw the date
column out of alignment across rows. Now a CSS grid with a shared template keeps
the date and Message columns lined up; long names/emails truncate; responsive
stack on narrow screens.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-07 07:28:20 -05:00
parent 1363bd7b0b
commit 7fbf9add37
3 changed files with 13 additions and 8 deletions
+4 -4
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Member area | InstantAdPay</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260907i">
<link rel="stylesheet" href="/assets/site.css?v=20260907j">
</head>
<body class="bo-body">
@@ -641,9 +641,9 @@
</div>
</div>
</div>
<script src="/assets/common.js?v=20260907i"></script>
<script src="/assets/common.js?v=20260907j"></script>
<script src="/assets/wallet.js?v=20260907f"></script>
<script src="/assets/my.js?v=20260907i"></script>
<script src="/assets/chat.js?v=20260907i"></script>
<script src="/assets/my.js?v=20260907j"></script>
<script src="/assets/chat.js?v=20260907j"></script>
</body>
</html>