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 {
@@ -495,20 +489,8 @@
   padding: 2px 3px !important;
}

.webkit .messagelist tr > .attachment,
.webkit .messagelist tr > .threads,
.webkit .messagelist tr > .status,
.webkit .messagelist tr > .flag,
.webkit .messagelist tr > .priority {
   width: 26px;
}

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

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

.messagelist tr > .threads + td,
@@ -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 {
@@ -1297,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;
}
@@ -1487,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 {
@@ -1544,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 {
@@ -1581,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 {