[geary/wip/730682-refine-convo-list] Tweak ConversationListItem UI - fix tooltips and shrink star button.

[Michael Gratton <mjog src gnome org>]

commit 28cfaf6d8b3641476df723fd6efa088de43e437c
Author: Michael James Gratton <mike vee net>
Date:   Wed Dec 27 00:41:20 2017 +1030

    Tweak ConversationListItem UI - fix tooltips and shrink star button.

 ui/conversation-list-item.ui |   16 +++++++++++-----
 ui/geary.css                 |   12 ++++++++++--
 2 files changed, 21 insertions(+), 7 deletions(-)
---
diff --git a/ui/conversation-list-item.ui b/ui/conversation-list-item.ui
index c8182ee..3a35e96 100644
--- a/ui/conversation-list-item.ui
+++ b/ui/conversation-list-item.ui
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Generated with glade 3.20.0 -->
+<!-- Generated with glade 3.20.2 -->
 <interface>
   <requires lib="gtk+" version="3.20"/>
   <template class="ConversationListItem" parent="GtkListBoxRow">
@@ -56,10 +56,10 @@
                 <property name="can_focus">True</property>
                 <property name="receives_default">True</property>
                 <property name="no_show_all">True</property>
-                <property name="tooltip_text" translatable="yes" comments="Note: The application will never 
show this button at the same time as unstar_button, one will always be hidden.">Mark this message as 
starred</property>
+                <property name="tooltip_text" translatable="yes" comments="Note: The application will never 
show this button at the same time as unstar_button, one will always be hidden.">Mark this conversation as 
starred</property>
                 <property name="valign">center</property>
                 <property name="vexpand">True</property>
-                <property name="action_name">eml.star</property>
+                <property name="action_name">win.conversation-mark-starred</property>
                 <property name="relief">none</property>
                 <child>
                   <object class="GtkImage">
@@ -68,6 +68,9 @@
                     <property name="icon_name">non-starred-symbolic</property>
                   </object>
                 </child>
+                <style>
+                  <class name="geary-compact"/>
+                </style>
               </object>
               <packing>
                 <property name="left_attach">0</property>
@@ -80,10 +83,10 @@
                 <property name="can_focus">True</property>
                 <property name="receives_default">True</property>
                 <property name="no_show_all">True</property>
-                <property name="tooltip_text" translatable="yes" comments="Note: The application will never 
show this button at the same time as star_button, one will always be hidden.">Mark this message as not 
starred</property>
+                <property name="tooltip_text" translatable="yes" comments="Note: The application will never 
show this button at the same time as star_button, one will always be hidden.">Mark this conversation as not 
starred</property>
                 <property name="valign">center</property>
                 <property name="vexpand">True</property>
-                <property name="action_name">eml.unstar</property>
+                <property name="action_name">win.conversation-mark-starred</property>
                 <property name="relief">none</property>
                 <child>
                   <object class="GtkImage">
@@ -92,6 +95,9 @@
                     <property name="icon_name">starred-symbolic</property>
                   </object>
                 </child>
+                <style>
+                  <class name="geary-compact"/>
+                </style>
               </object>
               <packing>
                 <property name="left_attach">0</property>
diff --git a/ui/geary.css b/ui/geary.css
index 761a8ec..224caf3 100644
--- a/ui/geary.css
+++ b/ui/geary.css
@@ -68,8 +68,6 @@ row.geary-folder-popover-list-row > label {
   color: @theme_text_color;
 }
 
-/* ConversationListItem */
-
 /* ConversationList */
 
 .geary-conversation-list-item {
@@ -124,6 +122,16 @@ row.geary-folder-popover-list-row > label {
   padding-right: 6px;
 }
 
+button.geary-compact {
+  margin: 0 3px;
+  padding: 0 3px;
+}
+
+button.geary-compact > image {
+  margin: 0;
+  padding: 0;
+}
+
 /* ConversationListBox */
 
 .conversation-listbox {