Style header type and ID values

This commit is contained in:
David Rowe 2016-03-28 12:43:40 +13:00
parent 2ebde880af
commit 11ae07a91d
2 changed files with 20 additions and 12 deletions

View file

@ -329,7 +329,6 @@ input[type=checkbox]:checked + label:hover {
-moz-user-select: text; -moz-user-select: text;
-ms-user-select: text; -ms-user-select: text;
user-select: text; user-select: text;
cursor: text; cursor: text;
} }
@ -414,6 +413,20 @@ input[type=checkbox]:checked + label:hover {
font-size: 14px; font-size: 14px;
} }
.value {
display: block;
min-height: 18px;
}
.value label {
display: inline-block;
vertical-align: top;
width: 48px;
}
.value span {
font-family: FiraSans-SemiBold;
font-size: 15px;
}
.checkbox + .checkbox { .checkbox + .checkbox {
margin-top: 0; margin-top: 0;
} }

View file

@ -1161,19 +1161,14 @@
<body onload='loaded();'> <body onload='loaded();'>
<div id="properties-list"> <div id="properties-list">
<div id="type" class="property"> <div id="type" class="property value">
<div class="label"> <label>Type:</label>
<label>Type: </label><span id="property-type"></span> <span id="property-type"></span>
</div> </div>
</div> <div id="id" class="property value">
<div id="id" class="property"> <label>ID:</label>
<span class="label" style="float: left; margin-right: 6px">
<label>ID: </label>
</span>
<div class="value">
<span id="property-id" class="selectable"></span> <span id="property-id" class="selectable"></span>
</div> </div>
</div>
<div class="property text"> <div class="property text">
<label for="property-name">Name</label> <label for="property-name">Name</label>
<input type="text" id="property-name"> <input type="text" id="property-name">