Center-align text and increase badge font size in resolver UI

- Increase badge font size from 10px to 13px and add line-height: 1
- Center-align search results table column 3
- Change justify-self/self-align from start/right to center for consistent centered layout
- Remove right padding on element that now uses text-align: center
This commit is contained in:
Dariusz L
2026-06-21 19:54:49 +02:00
parent 0a98c9e44f
commit baabbb6027
+8 -5
View File
@@ -665,8 +665,9 @@
display: block;
width: 100%;
color: rgba(255,255,255,0.55);
font-size: 10px;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-align: center;
justify-self: stretch;
}
@@ -722,7 +723,7 @@
letter-spacing: 0.02em;
}
.mr-missing-row-match {
justify-self: start;
justify-self: center;
display: inline-flex;
align-items: center;
color: var(--mr-text-muted);
@@ -2032,7 +2033,7 @@
color: var(--mr-text-muted);
font-size: 10px;
font-weight: 700;
text-align: left;
text-align: center;
background: rgba(255,255,255,0.035);
}
.mr-missing-browser .mr-search-results-table th {
@@ -2057,6 +2058,9 @@
.mr-search-col-actions {
width: var(--mr-actions-col, 72px);
}
.mr-search-results-table td:nth-child(3) {
text-align: center;
}
.mr-search-source-pill {
display: inline-flex;
gap: 5px;
@@ -2131,8 +2135,7 @@
}
.mr-search-size {
min-width: 0;
padding-right: 8px;
text-align: right;
text-align: center;
white-space: nowrap;
}
.mr-search-match {