68 lines
962 B
CSS
68 lines
962 B
CSS
|
#buttons {
|
||
|
margin-top: 2rem;
|
||
|
width: 50rem;
|
||
|
}
|
||
|
|
||
|
#buttons button {
|
||
|
margin: 0;
|
||
|
margin-right: 2rem;
|
||
|
border-radius: 10px;
|
||
|
width: auto;
|
||
|
padding: .75rem 1rem;
|
||
|
}
|
||
|
|
||
|
.record {
|
||
|
width: 50rem;
|
||
|
background-color: var(--header);
|
||
|
padding: 1rem;
|
||
|
margin-top: 2rem;
|
||
|
}
|
||
|
|
||
|
.header {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
margin-bottom: 1rem;
|
||
|
}
|
||
|
|
||
|
.header span {
|
||
|
font-family: bold;
|
||
|
}
|
||
|
|
||
|
.header button {
|
||
|
margin: 0;
|
||
|
margin-left: 2rem;
|
||
|
padding: .5rem 1rem;
|
||
|
width: auto;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
|
||
|
.type {
|
||
|
margin-right: 1rem;
|
||
|
background-color: var(--accent);
|
||
|
padding: .25rem .5rem;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
|
||
|
.domain {
|
||
|
color: var(--main-alternate);
|
||
|
flex-grow: 1;
|
||
|
}
|
||
|
|
||
|
.properties {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
|
||
|
.poperty {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
border-bottom: solid 1px var(--gray);
|
||
|
margin-top: 1rem;
|
||
|
}
|
||
|
|
||
|
.key {
|
||
|
font-family: bold;
|
||
|
width: 5rem;
|
||
|
}
|
||
|
|