diff --git a/lib/components/JsonSchema/_json-schema-common.scss b/lib/components/JsonSchema/_json-schema-common.scss index 7a22f1e3..8cefa4df 100644 --- a/lib/components/JsonSchema/_json-schema-common.scss +++ b/lib/components/JsonSchema/_json-schema-common.scss @@ -224,7 +224,6 @@ $sub-schema-offset: ($bullet-size / 2) + $bullet-margin; margin: 0 3px; font-size: 1.2em; font-weight: bold; - vertical-align: bottom; } } diff --git a/lib/components/RequestSamples/request-samples.scss b/lib/components/RequestSamples/request-samples.scss index 100e5b34..24f42018 100644 --- a/lib/components/RequestSamples/request-samples.scss +++ b/lib/components/RequestSamples/request-samples.scss @@ -6,31 +6,26 @@ } .action-buttons { - display: block; opacity: 0; transition: opacity 0.3s ease; transform: translateY(100%); - - > span { - float: right; - } + z-index: 3; + position: relative; + height: 2em; + line-height: 2em; + padding-right: 10px; + text-align: right; + margin-top: -1em; > span > a { padding: 2px 10px; color: #ffffff; cursor: pointer; - background-color: darken($black, 4%); &:hover { - background-color: $black; + background-color: lighten($black, 15%); } } - - &:after { - display: block; - content: ''; - clear: both; - } } .code-sample:hover > .action-buttons { @@ -45,6 +40,7 @@ header { color: $sample-panel-headers-color; text-transform: uppercase; font-weight: normal; + margin-top: 20px; } :host /deep/ > tabs > ul li { diff --git a/lib/components/SchemaSample/schema-sample.scss b/lib/components/SchemaSample/schema-sample.scss index 51abcc79..45fdf161 100644 --- a/lib/components/SchemaSample/schema-sample.scss +++ b/lib/components/SchemaSample/schema-sample.scss @@ -22,6 +22,7 @@ pre { line-height: 2em; padding-right: 10px; text-align: right; + margin-top: -1em; > span > a { padding: 2px 10px;