[geary/wip/765516-gtk-widget-conversation-viewer: 21/58] Style the ConversationViewer user message with CSS rather than a class.

[Michael Gratton <mjog src gnome org>]

commit 07c408bd73a47f096d502fe1ce9daa72b8fa488a
Author: Michael James Gratton <mike vee net>
Date:   Fri Apr 15 02:18:01 2016 +1000

    Style the ConversationViewer user message with CSS rather than a class.

 src/client/components/main-window.vala |    8 ++++++++
 ui/conversation-viewer.ui              |    8 +++-----
 2 files changed, 11 insertions(+), 5 deletions(-)
---
diff --git a/src/client/components/main-window.vala b/src/client/components/main-window.vala
index 55659cb..9dbd08d 100644
--- a/src/client/components/main-window.vala
+++ b/src/client/components/main-window.vala
@@ -216,6 +216,14 @@ public class MainWindow : Gtk.ApplicationWindow {
             #composer_embed headerbar {
                border-radius: 0px;
             }
+
+            #user_message {
+                border: 1px solid @borders;
+                border-left: 0;
+                border-right: 0;
+                background: @theme_base_color;
+            }
+
         """;
         
         if(Gtk.MAJOR_VERSION > 3 || Gtk.MAJOR_VERSION == 3 && Gtk.MINOR_VERSION >= 14) {
diff --git a/ui/conversation-viewer.ui b/ui/conversation-viewer.ui
index 41ffa01..75e3c00 100644
--- a/ui/conversation-viewer.ui
+++ b/ui/conversation-viewer.ui
@@ -3,11 +3,13 @@
 <interface>
   <requires lib="gtk+" version="3.10"/>
   <template class="ConversationViewer" parent="GtkStack">
+    <property name="name">conversation_viewer</property>
     <property name="visible">True</property>
     <property name="can_focus">False</property>
     <property name="transition_type">crossfade</property>
     <child>
       <object class="GtkImage" id="splash_page">
+        <property name="name">splash_page</property>
         <property name="visible">True</property>
         <property name="can_focus">False</property>
         <property name="pixel_size">256</property>
@@ -64,16 +66,12 @@
         <property name="orientation">vertical</property>
         <child>
           <object class="GtkLabel" id="user_message_label">
-            <property name="name">100</property>
+            <property name="name">user_message</property>
             <property name="visible">True</property>
             <property name="can_focus">False</property>
             <property name="xpad">18</property>
             <property name="ypad">18</property>
             <property name="label">🎔</property>
-            <style>
-              <class name="frame"/>
-              <class name="view"/>
-            </style>
           </object>
           <packing>
             <property name="expand">True</property>