[geary/wip/730682-refine-convo-list: 30/37] Fix RTL spacing issues in ConversationListItem.

[Michael Gratton <mjog src gnome org>]

commit e95021874552aacae67bc19a7fd95c831e0aa358
Author: Michael James Gratton <mike vee net>
Date:   Mon Dec 11 16:09:38 2017 +1100

    Fix RTL spacing issues in ConversationListItem.

 ui/conversation-list-item.ui |    4 +++-
 ui/geary.css                 |   23 ++++++++++++++++++++---
 2 files changed, 23 insertions(+), 4 deletions(-)
---
diff --git a/ui/conversation-list-item.ui b/ui/conversation-list-item.ui
index b4966f5..1f72989 100644
--- a/ui/conversation-list-item.ui
+++ b/ui/conversation-list-item.ui
@@ -142,8 +142,10 @@
         <property name="can_focus">False</property>
         <property name="halign">end</property>
         <property name="valign">start</property>
-        <property name="margin_left">6</property>
         <property name="label" translatable="yes">Date</property>
+        <style>
+          <class name="geary-date"/>
+        </style>
       </object>
       <packing>
         <property name="left_attach">2</property>
diff --git a/ui/geary.css b/ui/geary.css
index 97e2695..f87e091 100644
--- a/ui/geary.css
+++ b/ui/geary.css
@@ -71,23 +71,40 @@ list.geary-conversation-list > row {
 
 /* ConversationListItem */
 
-/* XXX RTL */
 grid.geary-conversation-list-item {
-  border-left: 4px solid transparent;
+  border: 4px solid transparent;
+  border-top-width: 0px;
+  border-bottom-width: 0px;
   margin: 0px;
   padding: 12px;
-  padding-left: 0;
   transition: border 4s;
 }
+grid.geary-conversation-list-item:dir(ltr) {
+  border-right-width: 0px;
+  padding-left: 0;
+}
+grid.geary-conversation-list-item:dir(rtl) {
+  border-left-width: 0px;
+  padding-right: 0;
+}
 
 grid.geary-conversation-list-item.geary-unread {
   border-color: @theme_selected_bg_color;
   transition: border 0.25s;
 }
 
+grid.geary-conversation-list-item label.geary-date:dir(ltr) {
+  margin-right: 6px;
+}
+
+grid.geary-conversation-list-item label.geary-date:dir(rtl) {
+  margin-left: 6px;
+}
+
 grid.geary-conversation-list-item label.geary-count {
   padding: 2px 6px;
   border-radius: 2px;
+  font-size: small;
   color: @theme_selected_fg_color;
   background: @theme_selected_bg_color;
 }