I got tired of having all of my spaces condensed in the HTML view of the ticket thread. A lot o my canned replies have small ascii art boxes around important info. These show up great in email, but not so great on the website.
For example here is a before pic:

and here is what I want an after pic to look like:

The modifications are pretty straightforward.
In include/staff/header.inc
<!<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">>
before
In scp/css/style.css
table.message td, table.response td, table.note td{
background-color: #FAFAFA;
/* Change to add pre-tag to responses
J. Pastin 11-23-09 */
font-family: "Courier New", courier, monospace;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
_white-space: pre;
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 820px;
text-align: left;
/* End Changes */
}
/* Change to add pre-tag to responses
J. Pastin 11-23-09 */
table.message td br, table.response td br, table.note td br{
display: none;
}
/* End Changes */
For the client side, the doctype is already specified in the header, so just the css change is necessary.
In styles/main.css
table.message tr.header td, table.response tr.header td {
padding;
padding-left;
}
/* Change to add pre-tag to responses
J. Pastin 11-23-09 */
table.message td, table.response td, table.note td{
font-family: "Courier New", courier, monospace;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
_white-space: pre;
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 820px;
text-align: left;
}
table.message td br, table.response td br, table.note td br{
display: none;
}
/* End Changes */
table.message th, table.response th {
line-height;
font-size;
padding;
padding-left;
font-weight;
}