diff --git a/lib/components/EndpointLink/endpoint-link.html b/lib/components/EndpointLink/endpoint-link.html index 2763667be0..669d53d0aa 100644 --- a/lib/components/EndpointLink/endpoint-link.html +++ b/lib/components/EndpointLink/endpoint-link.html @@ -3,10 +3,10 @@
{{verb}}
{{path}} - - - + + +
diff --git a/lib/components/EndpointLink/endpoint-link.scss b/lib/components/EndpointLink/endpoint-link.scss index e7f59fe357..16c1e970c4 100644 --- a/lib/components/EndpointLink/endpoint-link.scss +++ b/lib/components/EndpointLink/endpoint-link.scss @@ -7,13 +7,14 @@ } .method-endpoint { - padding: 10px 20px; + padding: 10px 30px 10px 20px; border-radius: $border-radius*2; background-color: darken($black, 2%); display: block; font-weight: $light; white-space: nowrap; - overflow-x: auto; + overflow-x: hidden; + text-overflow: ellipsis; border: 1px solid transparent; } @@ -82,10 +83,12 @@ width: 20px; display: inline-block; float: right; - margin-top: 2px; background: darken($black, 2%); transform: rotateZ(0); transition: all 0.2s ease; + top: 15px; + right: 5px; + position: absolute; } :host.expanded {