posted on March 13, 2019 08:19
Add this to your stylesheet to pretty up the pager in the DNN Reports Module:
.DNN_Reports_Grid_Pager {
/*display: inline-block;*/
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.DNN_Reports_Grid_Pager table > tbody > tr > td {
display: inline;
}
.DNN_Reports_Grid_Pager table > tbody > tr > td > a,
.DNN_Reports_Grid_Pager table > tbody > tr > td > span {
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #dd4814;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
}
.DNN_Reports_Grid_Pager table > tbody > tr > td > span {
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
margin-left: -1px;
z-index: 2;
color: #aea79f;
background-color: #f5f5f5;
border-color: #dddddd;
cursor: default;
}
.DNN_Reports_Grid_Pager table > tbody > tr > td:first-child > a,
.DNN_Reports_Grid_Pager table > tbody > tr > td:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.DNN_Reports_Grid_Pager table > tbody > tr > td:last-child > a,
.DNN_Reports_Grid_Pager table > tbody > tr > td:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.DNN_Reports_Grid_Pager table > tbody > tr > td > a:hover,
.DNN_Reports_Grid_Pager table > tbody > tr > td > span:hover,
.DNN_Reports_Grid_Pager table > tbody > tr > td > a:focus,
.DNN_Reports_Grid_Pager table > tbody > tr > td > span:focus {
color: #97310e;
background-color: #eeeeee;
border-color: #dddddd;
}