XF 1.2 Edit History Styling

[Amaury]

I've tried inspecting the elements, but it's not proving useful because it won't let me select what I want to get.

I want to add borders around the header and the body, which I've highlighted in red:

 

[Jake Bunce]

I don't see a good selector for this unfortunately.

 

[mistypants]

Header:

.messageInfo .dataTable tr.dataRow th

Individual rows:

.messageInfo .dataTable tr.dataRow

Give those a try, pretty sure it's what I've used.

 

[Amaury]

Header:

.messageInfo .dataTable tr.dataRow th

Individual rows:

.messageInfo .dataTable tr.dataRow

Give those a try, pretty sure it's what I've used.

Thank you, Misty.

That worked, but the header one added borders between each column (Old, New, etc.). How can I remove those? The specific code is:

.messageInfo .dataTable tr.dataRow th {
    border: 1px solid @secondaryLight !important;
}

 

[Lukas W.]

.messageInfo .dataTable tr.dataRow th {
    border-bottom: 1px solid @secondaryLight !important;
    border-top: 1px solid @secondaryLight !important;
}
.messageInfo .dataTable tr.dataRow th:first-child {
    border-left: 1px solid @secondaryLight !important;
}
.messageInfo .dataTable tr.dataRow th:last-child {
    border-right: 1px solid @secondaryLight !important;
}