fleet/frontend/components/Pagination/_style.scss
Jacob Shandling e58f1bbc22
Adjust paginated button icon alignment (#15795)
## Addresses #15032 

<img width="431" alt="Screenshot 2023-12-20 at 4 58 51 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/89b856f8-f2bb-4c00-a8b7-7a115eb1de23">

- [x] Manual QA for all new/changed functionality

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-12-21 09:23:45 -08:00

52 lines
974 B
SCSS

.pagination {
&__pager-wrap {
display: flex;
justify-content: flex-end;
margin-top: $pad-small;
margin-bottom: $pad-small;
margin-left: auto;
text-align: right;
button {
color: $core-vibrant-blue;
font-weight: $bold;
padding: 6px;
.fleeticon-chevronleft {
margin-right: $pad-small;
&:before {
font-size: 0.6rem;
font-weight: $bold;
position: relative;
top: -1px;
}
}
.fleeticon-chevronright {
margin-left: $pad-small;
&:before {
font-size: 0.6rem;
font-weight: $bold;
position: relative;
top: -1px;
}
}
}
button:hover,
button:focus {
background-color: $ui-vibrant-blue-10;
}
.button--disabled:hover,
.button--disabled:focus {
background-color: transparent;
}
button:last-child {
margin-left: $pad-large;
}
}
}