mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-24 04:10:57 -05:00
678934cf49
In a lot of browsers, the static position is 0px anyway so there's no problem. In IE11, the button sits to the left of the paragraph above by default. Setting it in the CSS fixes the issue.
34 lines
425 B
SCSS
34 lines
425 B
SCSS
.api-key {
|
|
|
|
position: relative;
|
|
padding-bottom: 38px; // height of button
|
|
display: flex;
|
|
|
|
&__name {
|
|
@include bold-19;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
&__notice,
|
|
&__key {
|
|
font-family: monospace;
|
|
display: block;
|
|
padding: 0 0 10px 0;
|
|
margin: auto 0;
|
|
}
|
|
|
|
&__button--show,
|
|
&__button--copy {
|
|
|
|
position: absolute;
|
|
bottom: 2px;
|
|
left: 0px;
|
|
|
|
&:active {
|
|
top: auto;
|
|
}
|
|
|
|
}
|
|
|
|
}
|