Fix button styling on desktop and mobile views.

This commit is contained in:
Spencer Will 2024-04-09 15:32:46 -04:00 committed by xFrednet
parent d5e1acae82
commit 8bfd992953
No known key found for this signature in database
GPG key ID: F5C59D0E669E5302

View file

@ -357,6 +357,24 @@ Otherwise, have a great day =^.^=
opacity: 30%;
}
.expansion-group {
margin-top: 15px;
padding: 0px 8px;
display: flex;
flex-wrap: nowrap;
}
@media (min-width: 992px) {
.expansion-group {
margin-top: 0;
padding: 0px 15px;
}
}
.expansion-control {
width: 50%;
}
:not(pre) > code {
color: var(--inline-code-color);
background-color: var(--inline-code-bg);
@ -533,7 +551,7 @@ Otherwise, have a great day =^.^=
</span>
</div>
</div>
<div class="btn-group">
<div class="col-12 col-md-2 btn-group expansion-group">
<button title="Collapse All" class="btn btn-default expansion-control" type="button" ng-click="toggleExpansion(data, false); $event.stopPropagation()">
<span class="glyphicon glyphicon-collapse-up"></span>
</button>