Correctly align pagenav buttons

thomascube

2012-01-05 becca08e44a4a639d1aa21e94514dcbe3fb45cfc

Correctly align pagenav buttons

 skins/larry/styles.css

@@ -262,6 +262,7 @@
.pagenav a.button {
    padding: 1px 3px;
    height: 16px;
    vertical-align: middle;
}

.pagenav a.button span.inner {
@@ -314,6 +315,11 @@
    padding:0 1em;
    text-shadow: 0px 1px 1px #fff;
    min-width: 16em;
}

.pagenavbuttons {
    position: relative;
    top: -2px;
}

a.iconbutton {
@@ -858,6 +864,7 @@
    height: 13px;
    width: 14px;
    text-indent: 1000px;
    vertical-align: bottom;
    overflow: hidden;
    background: url(images/buttons.png) -4px -286px no-repeat;
}

 skins/larry/templates/mail.html

@@ -85,10 +85,12 @@

    <div id="countcontrols" class="pagenav dark">
        <roundcube:object name="messageCountDisplay" class="countdisplay" />
        <span class="pagenavbuttons">
        <roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" content="|&amp;lt;" />
        <roundcube:button command="previouspage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previouspage" content="&amp;lt;" />
        <roundcube:button command="nextpage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextpage" content="&amp;gt;" />
        <roundcube:button command="lastpage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastpage" content="&amp;gt;|" />
        </span>
    </div>

    <a href="#preview" id="mailpreviewtoggle" title="<roundcube:label name='previewpane' />"></a>