Skip to content
This repository was archived by the owner on May 28, 2025. It is now read-only.

Commit 8bfd992

Browse files
SpencerAWillxFrednet
authored andcommitted
Fix button styling on desktop and mobile views.
1 parent d5e1aca commit 8bfd992

File tree

1 file changed

+19
-1
lines changed

1 file changed

+19
-1
lines changed

util/gh-pages/index.html

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -357,6 +357,24 @@
357357
opacity: 30%;
358358
}
359359

360+
.expansion-group {
361+
margin-top: 15px;
362+
padding: 0px 8px;
363+
display: flex;
364+
flex-wrap: nowrap;
365+
}
366+
367+
@media (min-width: 992px) {
368+
.expansion-group {
369+
margin-top: 0;
370+
padding: 0px 15px;
371+
}
372+
}
373+
374+
.expansion-control {
375+
width: 50%;
376+
}
377+
360378
:not(pre) > code {
361379
color: var(--inline-code-color);
362380
background-color: var(--inline-code-bg);
@@ -533,7 +551,7 @@ <h1>Clippy Lints</h1>
533551
</span>
534552
</div>
535553
</div>
536-
<div class="btn-group">
554+
<div class="col-12 col-md-2 btn-group expansion-group">
537555
<button title="Collapse All" class="btn btn-default expansion-control" type="button" ng-click="toggleExpansion(data, false); $event.stopPropagation()">
538556
<span class="glyphicon glyphicon-collapse-up"></span>
539557
</button>

0 commit comments

Comments
 (0)