[gnome-builder/wip/chergert/perspective] style: tweak layoutpane headers

[Christian Hergert <chergert src gnome org>]

commit f3015e37c9a9f27d3ef7dd5ff2eede46e9d373ba
Author: Christian Hergert <chergert redhat com>
Date:   Tue Dec 8 01:21:57 2015 -0800

    style: tweak layoutpane headers
    
    I still think we should try to move towards labels instead of icons, but
    this is better than how it was broke.

 data/theme/Adwaita-dark.css |   26 ++++++++++++++++++++++++++
 data/theme/Adwaita.css      |   27 +++++++++++++++++++++++++++
 data/ui/ide-layout-pane.ui  |   11 -----------
 3 files changed, 53 insertions(+), 11 deletions(-)
---
diff --git a/data/theme/Adwaita-dark.css b/data/theme/Adwaita-dark.css
index 571840c..45e6e6e 100644
--- a/data/theme/Adwaita-dark.css
+++ b/data/theme/Adwaita-dark.css
@@ -220,3 +220,29 @@ layoutstack layouttab button.close:active {
 .views-list row:hover button {
   opacity: 1.0;
 }
+
+
+/* this still needs better alignment with non-11pt cantarell */
+layoutpane > box > box:first-child {
+  background-image: none;
+  background-color: #2e3436;
+  border-style: none;
+  border-radius: 0px;
+  border-bottom: 1px solid #1c1f1f;
+  color: #2e3436;
+  box-shadow: 0px 5px 5px -10px #101010 inset;
+}
+
+layoutpane > box > box:first-child > stackswitcher > button {
+  background-image: none;
+  background-color: transparent;
+  border-style: none;
+  border-radius: 0px;
+  box-shadow: none;
+  padding: 6px 1px 7px 1px;
+  color: #888a85;
+}
+
+layoutpane > box > box:first-child > stackswitcher > button:checked {
+  color: white;
+}
diff --git a/data/theme/Adwaita.css b/data/theme/Adwaita.css
index c3cc66d..2186f03 100644
--- a/data/theme/Adwaita.css
+++ b/data/theme/Adwaita.css
@@ -205,3 +205,30 @@ layoutstack layouttab button.close:active {
 .views-list row:hover button {
   opacity: 1.0;
 }
+
+
+
+/* this still needs better alignment with non-11pt cantarell */
+layoutpane > box > box:first-child {
+  background-image: none;
+  background-color: #d6d6d6;
+  border-style: none;
+  border-radius: 0px;
+  border-bottom: 1px solid #919191;
+  color: #2e3436;
+  box-shadow: 0px 5px 5px -10px #2e3436 inset;
+}
+
+layoutpane > box > box:first-child > stackswitcher > button {
+  background-image: none;
+  background-color: transparent;
+  border-style: none;
+  border-radius: 0px;
+  box-shadow: none;
+  padding: 6px 1px 7px 1px;
+  color: #888a85;
+}
+
+layoutpane > box > box:first-child > stackswitcher > button:checked {
+  color: #2e3436;
+}
diff --git a/data/ui/ide-layout-pane.ui b/data/ui/ide-layout-pane.ui
index c8c6da1..710cc5a 100644
--- a/data/ui/ide-layout-pane.ui
+++ b/data/ui/ide-layout-pane.ui
@@ -10,21 +10,10 @@
           <object class="GtkBox">
             <property name="visible">true</property>
             <property name="vexpand">false</property>
-            <style>
-              <class name="header"/>
-              <class name="notebook"/>
-            </style>
             <child type="center">
               <object class="GtkStackSwitcher" id="stack_switcher">
-                <property name="margin-top">3</property>
-                <property name="margin-bottom">3</property>
-                <property name="margin-start">6</property>
-                <property name="margin-end">6</property>
                 <property name="stack">stack</property>
                 <property name="visible">true</property>
-                <style>
-                  <class name="flat"/>
-                </style>
               </object>
             </child>
           </object>