Try the grid with vertical lines only.

diff --git a/imp/js/mailbox-dimp.js b/imp/js/mailbox-dimp.js
index 91f0f55..4206c90 100644 (file)
--- a/imp/js/mailbox-dimp.js
+++ b/imp/js/mailbox-dimp.js
@@ -18,12 +18,12 @@
 
 DimpBase.message_list_template =
 '<div #{vpData} style="#{style}">' +
- '<div class="msgStatus">' +
+ '<div class="msgStatus sep">' +
   '<div class="msCheck"></div>' +
   '#{status}' +
  '</div>' +
- '<div class="msgFrom">#{from}</div>' +
- '<div class="msgSubject" title="#{subjecttitle}">#{subjectdata}#{subject}</div>' +
- '<div class="msgDate">#{date}</div>' +
+ '<div class="msgFrom sep">#{from}</div>' +
+ '<div class="msgSubject sep" title="#{subjecttitle}">#{subjectdata}#{subject}</div>' +
+ '<div class="msgDate sep">#{date}</div>' +
  '<div class="msgSize">#{size}</div>' +
 '</div>';

diff --git a/imp/templates/index/index-dimp.inc b/imp/templates/index/index-dimp.inc
index ad668bb..35ab5d2 100644 (file)
--- a/imp/templates/index/index-dimp.inc
+++ b/imp/templates/index/index-dimp.inc
@@ -213,11 +213,11 @@ function _simpleButton($id, $text, $image, $imagedir = null)
 
      <div id="msglistHeader" class="item">
       <div class="msgStatus">&nbsp;</div>
-      <div class="msgFrom">
+      <div class="msgFrom sep">
        <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_FROM ?>"><?php echo _("From") ?></a>
        <a class="widget" style="display:none" sortby="<?php echo Horde_Imap_Client::SORT_TO ?>"><?php echo _("To") ?></a>
       </div>
-      <div class="msgSubject">
+      <div class="msgSubject sep">
        <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_SUBJECT ?>"><?php echo _("Subject") ?>
         <small sortby="<?php echo Horde_Imap_Client::SORT_THREAD ?>">[<?php echo _("Thread") ?>]</small>
        </a>
@@ -225,7 +225,7 @@ function _simpleButton($id, $text, $image, $imagedir = null)
         <small sortby="<?php echo Horde_Imap_Client::SORT_SUBJECT ?>">[<?php echo _("Subject") ?>]</small>
        </a>
       </div>
-      <div class="msgDate">
+      <div class="msgDate sep">
        <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_DATE ?>"><?php echo _("Date") ?>
         <small sortby="<?php echo Horde_Imap_Client::SORT_ARRIVAL ?>">[<?php echo _("Arrival") ?>]</small>
        </a>
@@ -233,7 +233,9 @@ function _simpleButton($id, $text, $image, $imagedir = null)
         <small sortby="<?php echo Horde_Imap_Client::SORT_DATE ?>">[<?php echo _("Date") ?>]</small>
        </a>
       </div>
-      <div class="msgSize"><a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_SIZE ?>"><?php echo _("Size") ?></a></div>
+      <div class="msgSize sep">
+       <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_SIZE ?>"><?php echo _("Size") ?></a>
+      </div>
      </div>
      <div class="clear" id="mlistHeaderClear">&nbsp;</div>
     </div>

diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css
index e7ade03..e692a02 100644 (file)
--- a/imp/themes/screen-dimp.css
+++ b/imp/themes/screen-dimp.css
@@ -148,6 +148,7 @@ div.msgDate {
 div.msgSize {
     float: left;
     width: 6%;
+    margin-right: -4px;
 }
 
 /* Message List Header and Column Header */
@@ -172,6 +173,9 @@ div.msgSize {
 #msglistHeader div.sortup a, #msglistHeader div.sortdown a {
     padding-left: 14px;
 }
+#msglistHeader div.sep {
+    border-left: 1px solid #ddd;
+}
 #msglistHeader a small {
     padding-left: 2px;
     font-weight: normal;
@@ -201,12 +205,15 @@ div.msgSize {
     -o-text-overflow: ellipsis;
     -ms-text-overflow: ellipsis;
     height: 16px;
-    margin-bottom: 1px;
+    border-bottom: 1px;
     text-indent: 1px;
 }
 .msglist div.vpRowSelected {
     background: #ffa !important;
 }
+.msglist div.vpRow div.sep {
+    border-right: 1px solid #ddd;
+}
 
 /* Rows: flags. */
 div.vpRow.flagLowpriority {