[geary/wip/778728-split-composer: 18/19] Fix some spacing issues with the composer toolbar and attachment dnd.

[Michael Gratton <mjog src gnome org>]

commit f364c6c1c7a661924343e7dfc9c885fa498ea5c0
Author: Michael James Gratton <mike vee net>
Date:   Tue Oct 10 12:54:16 2017 -0700

    Fix some spacing issues with the composer toolbar and attachment dnd.

 ui/composer-editor.ui |    2 ++
 ui/composer-widget.ui |   31 ++++++++++++++++++++++++++++---
 ui/geary.css          |   21 ++++++++++++---------
 3 files changed, 42 insertions(+), 12 deletions(-)
---
diff --git a/ui/composer-editor.ui b/ui/composer-editor.ui
index be42cbb..314cd11 100644
--- a/ui/composer-editor.ui
+++ b/ui/composer-editor.ui
@@ -13,6 +13,8 @@
         <property name="margin_right">6</property>
         <property name="margin_start">6</property>
         <property name="margin_end">6</property>
+        <property name="margin_top">6</property>
+        <property name="margin_bottom">6</property>
         <property name="spacing">6</property>
         <child>
           <object class="GtkBox" id="command_buttons">
diff --git a/ui/composer-widget.ui b/ui/composer-widget.ui
index 3e604dc..0817f25 100644
--- a/ui/composer-widget.ui
+++ b/ui/composer-widget.ui
@@ -14,7 +14,6 @@
         <property name="visible">True</property>
         <property name="can_focus">False</property>
         <property name="orientation">vertical</property>
-        <property name="spacing">2</property>
         <child>
           <object class="GtkBox" id="header_area">
             <property name="visible">True</property>
@@ -282,7 +281,9 @@
               <object class="GtkBox" id="visible_on_attachment_drag_over_child">
                 <property name="visible">True</property>
                 <property name="can_focus">False</property>
+                <property name="halign">center</property>
                 <property name="valign">center</property>
+                <property name="hexpand">True</property>
                 <property name="orientation">vertical</property>
                 <property name="spacing">6</property>
                 <child>
@@ -297,7 +298,7 @@
                   </object>
                   <packing>
                     <property name="expand">False</property>
-                    <property name="fill">False</property>
+                    <property name="fill">True</property>
                     <property name="position">0</property>
                   </packing>
                 </child>
@@ -310,7 +311,7 @@
                   </object>
                   <packing>
                     <property name="expand">False</property>
-                    <property name="fill">False</property>
+                    <property name="fill">True</property>
                     <property name="position">1</property>
                   </packing>
                 </child>
@@ -335,6 +336,30 @@
             <child>
               <placeholder/>
             </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
+            <child>
+              <placeholder/>
+            </child>
           </object>
           <packing>
             <property name="expand">True</property>
diff --git a/ui/geary.css b/ui/geary.css
index cfeb72d..ee667d2 100644
--- a/ui/geary.css
+++ b/ui/geary.css
@@ -6,6 +6,8 @@
  * (version 2.1 or later). See the COPYING file in this distribution.
  */
 
+/* MainWindow */
+
 .geary-folder-frame > border {
   border-left-width: 0;
   border-top-width: 0;
@@ -21,15 +23,6 @@
   border-bottom-width: 0;
 }
 
-.geary-composer-box > border {
-  border-width: 0px;
-}
-.geary-composer-body > border {
-  border-left-width: 0;
-  border-right-width: 0;
-  border-bottom-width: 0;
-}
-
 .geary-titlebar-left:dir(ltr),
 .geary-titlebar-right:dir(rtl) {
   border-top-right-radius: 0px;
@@ -142,6 +135,16 @@ grid.geary-message-summary {
   border-radius: 0px;
 }
 
+.geary-composer-box > border {
+  border-width: 0px;
+}
+
+.geary-composer-body > border {
+  border-left-width: 0;
+  border-right-width: 0;
+  border-bottom-width: 0;
+}
+
 /* EmptyPlaceholder */
 
 .geary-empty-placeholder > image {