Fix messages list columns width in Chrome

Aleksander Machniak

2014-07-07 4cef8c7ec98d19a8dc29cd74a15e87e8995d0c3c

 skins/larry/mail.css

@@ -14,7 +14,7 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 220px;
   width: 200px;
   bottom: 0;
   z-index: 2;
}
@@ -22,7 +22,7 @@
#mailview-right {
   position: absolute;
   top: 0;
   left: 232px;
   left: 212px;
   right: 0;
   bottom: 0;
   z-index: 3;
@@ -385,9 +385,7 @@
   background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%);
   background: linear-gradient(top, #82acb5 0%, #6a939f 100%);
   box-shadow: inset 0 1px 1px 0 #536d72;
   -o-box-shadow: inset 0 1px 1px 0 #536d72;
   -webkit-box-shadow: inset 0 1px 1px 0 #536d72;
   -moz-box-shadow: inset 0 1px 1px 0 #536d72;
   border-radius: 9px;
   color: #fff;
   text-align: center;
@@ -403,9 +401,7 @@
   background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
   background: linear-gradient(top, #005d76 0%, #004558 100%);
   box-shadow: inset 0 1px 1px 0 #003645;
   -o-box-shadow: inset 0 1px 1px 0 #003645;
   -webkit-box-shadow: inset 0 1px 1px 0 #003645;
   -moz-box-shadow: inset 0 1px 1px 0 #003645;
}

#mailboxlist li.mailbox.recent > a .unreadcount {
@@ -416,9 +412,7 @@
   background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%);
   background: linear-gradient(top, #017cb4 0%, #006ca4 100%);
   box-shadow: inset 0 1px 1px 0 #005080;
   -o-box-shadow: inset 0 1px 1px 0 #005080;
   -webkit-box-shadow: inset 0 1px 1px 0 #005080;
   -moz-box-shadow: inset 0 1px 1px 0 #005080;
}

#searchfilter {
@@ -460,7 +454,7 @@
#mailpreviewtoggle {
   display: block;
   position: absolute;
   top: 6px;
   top: 7px;
   right: 4px;
   width: 20px;
   height: 18px;
@@ -492,27 +486,15 @@
.messagelist tr > .flag,
.messagelist tr > .priority {
   width: 20px;
   padding: 2px 3px;
}

.webkit .messagelist tr > .attachment,
.webkit .messagelist tr > .threads,
.webkit .messagelist tr > .status,
.webkit .messagelist tr > .flag,
.webkit .messagelist tr > .priority {
   width: 26px;
   padding: 2px 3px !important;
}

.messagelist tr > .threads {
   width: 26px;
}

.webkit .messagelist tr > .threads {
   width: 30px;
}

.messagelist tr > .threads,
.messagelist tr > .threads + td {
.messagelist tr > .threads + td,
.messagelist tr > .threads + th {
   border-left: 0;
}

@@ -643,7 +625,7 @@
}

.messagelist thead tr th.attachment span.attachment {
   background-position: -24px -997px;
   background-position: -24px -996px;
}

.messagelist tbody tr td.attachment span.report {
@@ -651,7 +633,7 @@
}

.messagelist thead tr th.priority span.priority {
   background-position: -24px -1845px;
   background-position: -25px -1845px;
}

.messagelist tr td.priority span.prio5 {
@@ -675,7 +657,7 @@
}

.messagelist thead tr th.flag span.flagged {
   background-position: -22px -1036px;
   background-position: -22px -1037px;
}

.messagelist tr:hover td.status span.msgicon {
@@ -850,7 +832,7 @@

h3.subject {
   font-size: 14px;
   margin: 0 12em 0 0;
   margin: 0 15em 0 0;
   padding: 8px 8px 4px 8px;
   white-space: nowrap;
   overflow: hidden;
@@ -994,10 +976,8 @@
   border: 1px solid #ccc;
   border-radius: 4px;
   background: #fdfdfd;
   -moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
   -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
   -o-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
   box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
   -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
}

#headers-source {
@@ -1084,7 +1064,6 @@
}

#messageheader .pagenav .countdisplay {
   min-width: 0;
   padding-right: 0.5em;
   white-space: nowrap;
}
@@ -1298,14 +1277,14 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 250px;
   width: 200px;
   bottom: 0;
}

#composeview-right {
   position: absolute;
   top: 0;
   left: 262px;
   left: 212px;
   right: 0;
   bottom: 0;
}
@@ -1476,8 +1455,6 @@
.compose-headers td input {
   width: 100%;
   resize: none;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#compose-cc, #compose-bcc, #compose-replyto, #compose-followupto {
@@ -1490,9 +1467,7 @@
   white-space: normal;
   border-top: 1px solid #dfdfdf;
   box-shadow: inset 0 1px 0 0 #fff;
   -o-box-shadow: inset 0 1px 0 0 #fff;
   -webkit-box-shadow: inset 0 1px 0 0 #fff;
   -moz-box-shadow: inset 0 1px 0 0 #fff;
}

.composeoption {
@@ -1547,17 +1522,13 @@
   font-size: 9pt;
   outline: none;
   box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
   -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
   -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
   -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
}

#composebody:active,
#composebody:focus {
   box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
   -moz-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
   -webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
   -o-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
}

#compose-attachments {
@@ -1584,17 +1555,13 @@
#compose-attachments.droptarget.active {
   border-color: #019bc6;
   box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
   -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
   -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
   -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
}

#compose-attachments.droptarget.hover {
   background-color: #d9ecf4;
   box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
}

#composeview-bottom .formbuttons.floating {