Adjust display of name/enabled when in a narrow window

This commit is contained in:
Jason 2015-03-23 19:25:39 -05:00
parent 7a2d978d4a
commit dac381fb57

View File

@ -62,7 +62,7 @@
margin: 10px; margin: 10px;
padding: 0 15px; padding: 0 15px;
} }
#sections > div:not(:first-child) { #sections > div:not(:first-of-type) {
border-top: 2px solid black; border-top: 2px solid black;
} }
.dirty > label::before { .dirty > label::before {
@ -162,7 +162,6 @@
padding-top: 8px; padding-top: 8px;
} }
#header section { #header section {
display: inline-block;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
#header label { #header label {
@ -173,16 +172,32 @@
#header input[type="checkbox"] { #header input[type="checkbox"] {
vertical-align: middle; vertical-align: middle;
} }
#name {
font-weight: bold;
}
h1, h2 { h1, h2 {
display: none; display: none;
} }
#basic-info > div { #basic-info {
display: inline-block; display: flex;
}
#basic-info > div:not(:last-child) {
margin-right: 1em; margin-right: 1em;
} }
#basic-info > * {
flex: auto;
}
#basic-info > *:first-child {
flex-grow: 99;
display: flex;
}
#basic-info #name {
width: auto;
flex-grow: 99;
}
#basic-info #name-label {
line-height: 20px;
}
#actions {
padding: 1em 0;
}
#actions br { #actions br {
display: none; display: none;
} }