More layout improvements, adding in contextual icons for test success/failure and styling font of test output

This commit is contained in:
Nathan Leniz
2015-01-25 15:22:21 -05:00
parent fa5a1a8618
commit 00dfdb2e1e
4 changed files with 43 additions and 37 deletions

View File

@@ -538,37 +538,6 @@ thead {
}
}
form.code span {
font-size: 14px;
font-family: "Ubuntu Mono";
padding-bottom: 0px;
margin-bottom: 0px;
height: auto;
}
.big-error-icon {
font-size: 32px;
color: @brand-danger;
}
.big-success-icon {
font-size: 32px;
color: @brand-primary;
}
.test-output {
font-size: 14px;
font-family: "Ubuntu Mono";
}
#mainEditorPanel .panel-body {
padding-bottom: 0px;
}
div.CodeMirror-scroll {
padding-bottom: 100px;
}
.embed-responsive-twitch-chat {
padding-bottom: 117%;
}
@@ -595,8 +564,45 @@ div.CodeMirror-scroll {
margin-bottom: 5px;
}
/**
* Bonfire styling
*/
form.code span {
font-size: 14px;
font-family: "Ubuntu Mono";
padding-bottom: 0px;
margin-bottom: 0px;
height: auto;
}
.big-error-icon {
font-size: 40px;
color: @brand-danger;
}
.big-success-icon {
font-size: 40px;
color: @brand-primary;
}
.test-output {
font-size: 15px;
font-family: "Ubuntu Mono";
}
#mainEditorPanel .panel-body {
padding-bottom: 0px;
}
div.CodeMirror-scroll {
padding-bottom: 100px;
}
.test-vertical-center {
margin: 8px;
margin-top: 15px;
}
//uncomment this to see the dimensions of all elements outlined in red