diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss index 2e0fec1cbb..3471a66651 100644 --- a/aio/src/styles/1-layouts/_sidenav.scss +++ b/aio/src/styles/1-layouts/_sidenav.scss @@ -96,14 +96,6 @@ md-sidenav-container div.mat-sidenav-content { width: 100%; } -.mat-icon, .material-icons { - display: inline-block; - position: absolute; - top: 6px; - right: 8px; - color: $mediumgray; -} - .heading-children.expanded { visibility: visible; opacity: 1; diff --git a/aio/src/styles/2-modules/_code.scss b/aio/src/styles/2-modules/_code.scss index 2d451365ee..060969d8af 100644 --- a/aio/src/styles/2-modules/_code.scss +++ b/aio/src/styles/2-modules/_code.scss @@ -88,6 +88,11 @@ aio-code.headed-code { } .copy-button { + display: inline-block; + position: absolute; + top: 6px; + right: 8px; + color: $lightgray; background-color: transparent; border: none; @@ -95,10 +100,10 @@ aio-code.headed-code { &:hover { color: $mediumgray; } - + @media (max-width: 480px) { top: 0; - bottom: 0; + right: 0; } }