I have done a bit more work on this to make them look a bit more like buttons <row>
<panel depends="$stayhidden$">
<html>
<style>
div[id="jobexecutions"] tr[data-view$="ResultsTableRow"] td:nth-child(5){
background-color: red !important;
border: 2px solid white !important;
border-radius: 8px !important;
color: white !important;
box-shadow:
inset 0 0 3px 0 rgba(0,0,0,.4),
inset 0 0 3px 5px rgba(0,0,0,.05),
inset 2px 3px 4px 0 rgba(255,255,255,.6),
2px 2px 4px 0 rgba(0,0,0,.25) !important;
}
div[id="jobexecutions"] tr[data-view$="ResultsTableRow"] td:nth-child(5):hover{
box-shadow:
inset 0 0 3px 0 rgba(0,0,0,.4),
inset 0 0 3px 5px rgba(0,0,0,.05),
inset 2px 3px 4px 0 rgba(255,255,255,.6),
0 12px 16px 0 rgba(0,0,0,0.24),
0 17px 50px 0 rgba(0,0,0,0.19) !important;
transform: translateY(-1px) !important;
}
div[id="jobexecutions"] tr[data-view$="ResultsTableRow"] td:nth-child(5):active{
box-shadow:
inset 0 0 3px 0 rgba(0,0,0,.4),
inset 0 0 3px 5px rgba(0,0,0,.05),
inset 2px 3px 4px 0 rgba(255,255,255,.6),
0 8px 16px 0 rgba(0,0,0,0.24),
0 13px 50px 0 rgba(0,0,0,0.19) !important;
transform: translateY(2px) !important;
}
</style>
</html>
</panel>
<panel id="jobexecutions">
<title>Job Executions</title>
... View more