74 lines
1.3 KiB
CSS
74 lines
1.3 KiB
CSS
.contract-journal-grid {
|
|
display: grid;
|
|
grid-template-columns: auto 24px 10fr;
|
|
max-width: 1200px;
|
|
margin: auto
|
|
}
|
|
|
|
.contract-journal-grid > * {
|
|
padding: 4px;
|
|
}
|
|
|
|
.contract-journal-grid > hr {
|
|
padding: 0px 4px 0 4px ;
|
|
}
|
|
|
|
|
|
.contract-journal-striped-background {
|
|
background-color: rgba(0, 0, 0, .05)
|
|
}
|
|
|
|
.view-table tr td:first-child {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
|
|
.contract-view {
|
|
display: grid;
|
|
grid-template-columns: 3fr 1fr;
|
|
grid-gap: 16px;
|
|
}
|
|
|
|
.contract-view-header {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto 1fr;
|
|
}
|
|
|
|
.contract-view-header *:nth-child(3) {
|
|
justify-self: end;
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
.contract-view {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.contract-view-header {
|
|
grid-template-columns: auto auto;
|
|
}
|
|
|
|
.contract-view-header h2 {
|
|
grid-row: 2;
|
|
grid-column: 1 / span 2;
|
|
}
|
|
|
|
.contract-view-header a {
|
|
grid-row: 1;
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.contract-view-actions {
|
|
text-align: center;
|
|
}
|
|
|
|
}
|
|
|
|
/*if media is larger than 1200px then .contract-view-journal-grid should have column 1 span 2 aswell as .contract-view-links-grid*/
|
|
|
|
@media (min-width: 1200px) {
|
|
.contract-view-links-grid, .contract-view-journal-grid {
|
|
grid-column: 1 / span 2 !important;
|
|
}
|
|
}
|
|
|