--- a/css/tram-im.css	Sun Mar 27 14:42:07 2016 +0800
+++ b/css/tram-im.css	Sun Mar 27 14:47:06 2016 +0800
@@ -67,9 +67,21 @@
     width: 11px;
     height: 11px;
 }
+.contact-list-block {
+    border-right: 1px solid #ddd;
+    padding-right: 25px;
+}
+@media (min-width: 1220px) {
+    .contact-list-block {
+        padding-right: 35px;
+    }
+}
 .contact-list {
     margin-top: 15px;
 }
+.contact-list > li:nth-child(n+2) {
+    border-top: 1px solid #ddd;
+}
 li.contact {
     padding: 5px;
 }

--- a/index.html	Sun Mar 27 14:42:07 2016 +0800
+++ b/index.html	Sun Mar 27 14:47:06 2016 +0800
@@ -67,8 +67,8 @@
       <div data-app="calls"></div>
 
       <div class="uk-grid">
-        <div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-small-1-2">
-          <ul class="uk-list uk-list-line contact-list" data-app="contacts"></ul>
+        <div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-small-1-2 contact-list-block">
+          <ul class="uk-list contact-list" data-app="contacts"></ul>
         </div>
         <div class="uk-width-large-3-4 uk-width-medium-2-3 uk-width-small-1-2">
           <div class="log" data-app="log"></div>