Commit f82fa316 authored by Evonne's avatar Evonne Committed by Robert Lyon

Button group styling and placement

Fixes for first button in button group that appear to have all four
corners rounded rather than just the left ones. Fixes placement of
button group on style guide sitting above the box.

behatnotneeded

Change-Id: I06e19a3633e2692ee6a8f97b13be7751833356af
parent c9b82dcd
......@@ -830,13 +830,9 @@ div.form-group .form-control-label {
vertical-align: top;
}
.btn-group {
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.json_editor_btn_add .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
.json-editor-btn-add {
border-top-right-radius: $border-radius !important;
border-bottom-right-radius: $border-radius !important;
}
.errormsg {
......
......@@ -2,6 +2,10 @@
// Extenstion to Button groups so we can use forms as buttons
// --------------------------------------------------
.btn-group {
font-family: $font-family-sans-serif;
}
.btn-group .form-as-button {
.btn {
@include border-right-radius(0);
......
......@@ -90,6 +90,9 @@ $inlinecss = <<<EOT
.completed {
color: #426600;
}
p ~ div > .btn-group-top {
margin-top: 0;
}
}
</style>
EOT;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment