[MODX 2.3] CSS Improvements

[christianseel]

Hey guys! I just tested SEOPro in the latest MODX 2.3 version from github. There are some bugs you'll hopefully fix soon? (eg.: URL is missing in preview, keywords are not safed)

I'd like to share some CSS changes I made that might help you:

.seopro-panel{
    background-color: #fff;
    border: #e4e4e4 1px solid;
    border-radius: 2px;
    padding: 2px 3px;
}
.seopro-counter{
    position: absolute;
    z-index: 2;
    top: -22px;
    right: 0;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
}
#seopro-google-title{
    color: #1A0DAB;
    font-size: 18px;
    white-space: nowrap;
    width: 520px;
    font-family: arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
}

#seopro-google-url{
    color: #006621;
    margin-bottom: 1px;
}

#seopro-google-description{
    font-size: 13px;
    color: #545454;
    line-height: 1.4;
    word-wrap: break-word;
    font-family: arial, sans-serif;
}
.seopro-counter .green{
    color: #919191 !important;
}
.seopro-counter .red{
    color: #707070 !important;
}

.seopro-counter-chars.red {
    color: #D80000 !important;
}

I've added some styles from Googles current search result page, so the preview box is much more correct now.

Some of this changes won't work for MODX <2.3 so you'll need to add a switch or CSS class for the MODX version.

Here's a preview:

[Bumme]

Added your styles