Skip to content

Commit 5a6b4cb

Browse files
style: update grid layout for SignersList with improved column sizes and centering
1 parent eed57c7 commit 5a6b4cb

1 file changed

Lines changed: 6 additions & 2 deletions

File tree

src/components/SignersList.module.css

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,21 +17,25 @@
1717
padding: 0;
1818
margin: 0;
1919
display: grid;
20-
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
20+
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
2121
gap: 12px;
22+
max-width: 760px;
23+
margin-left: auto;
24+
margin-right: auto;
2225
}
2326

2427
/* Full variant for signatories page - more columns, fixed width */
2528
.gridFull {
2629
grid-template-columns: repeat(auto-fill, minmax(200px, 200px));
2730
gap: 16px;
2831
justify-content: start;
32+
max-width: none;
2933
}
3034

3135
/* Responsive grid adjustments */
3236
@media (min-width: 1200px) {
3337
.grid {
34-
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
38+
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
3539
gap: 14px;
3640
}
3741

0 commit comments

Comments
 (0)