Closed bbarbourbcmd closed 2 years ago
Added a few more style changes to the pagination/button hover styles, added the health coalition icons back, and changed the color of the disclaimer. Here's the original css for comparison:
.filter-walking-trails .paging button:not(:disabled), .show-records button, .search-container-trails button { cursor: pointer; }
.filter-walking-trails .paging .paging-numbers button.active { color: #243e5d; font-weight: 900; }
.filter-walking-trails .paging .paging-numbers button.active:hover { cursor: default; }
.filter-walking-trails .paging .paging-numbers button { text-decoration: none; }
.filter-walking-trails .paging .paging-numbers button:hover { text-decoration: underline; }
.show-records button.active { display: none; }
.parks-container .park .health-coalition { display: inline-block; margin: 0 auto 10px; text-align: right; }
margin: 0;
}
.filter-walking-trails+.disclaimer { background: #F7F7F7; }
Added one comment.
Needed to add a few additional styles for the input and elements surrounding the input on this page.
Original css for reference: .js-trails-filter { padding: 10px; }
.search-container-trails > div { padding: 0 10px; width:100%; }
@media screen and (max-width: 768px) { .search-container-trails > div { padding: 0 20px; width:100%; } }