portico: Add responsive styling to /integrations/ subpages.

Tweaked by tabbott to clean up the commit message and some confusing
code duplication.

Fixes #11701.
This commit is contained in:
sameerchoubey 2019-03-22 17:15:35 +05:30 committed by Tim Abbott
parent 43591d6c71
commit d711b1c8ba
1 changed files with 9 additions and 5 deletions

View File

@ -1151,10 +1151,16 @@ input#terminal:checked ~ #tab-terminal {
padding-top: 10px; padding-top: 10px;
} }
@media (min-width: 768px) {
.integration-instructions { .integration-instructions {
margin-left: 220px; margin-left: 220px;
} }
#integration-list-link {
top: 200px;
left: 30px;
}
}
.api-page-header, .api-page-header,
.authors-page-header, .authors-page-header,
.integrations-page-header, .integrations-page-header,
@ -1226,8 +1232,6 @@ input#terminal:checked ~ #tab-terminal {
#integration-list-link { #integration-list-link {
position: absolute; position: absolute;
top: 200px;
left: 30px;
text-align: center; text-align: center;
display: none; display: none;
margin-left: 5px; margin-left: 5px;