web-base/react/shared/elements/data-table.css

59 lines
868 B
CSS

.data-table {
padding: 0;
}
.data-table td, .data-table th {
padding: 5px;
vertical-align: middle;
}
.data-table th {
background-color: #bbb;
white-space: nowrap;
}
.data-table th > svg {
vertical-align: middle;
width: 18px;
height: 18px;
margin-right: 5px;
}
.center {
text-align: center;
}
.font-monospace {
font-family: monospace;
}
.data-table-clickable {
cursor: pointer;
}
.pagination-controls {
margin-top: 12px;
display: grid;
grid-template-columns: 75px auto;
align-items: center;
}
.pagination-controls select {
padding-top: 5px;
padding-bottom: 5px;
}
.data-table-buttons {
white-space: nowrap;
}
.data-table-buttons > svg {
margin-left: 4px;
margin-right: 4px;
cursor: pointer;
}
.data-table-button-bar button {
margin-right: 8px;
margin-top: 8px;
}