From 1841eeb1994ca3e63c5cb617224f21473192a332 Mon Sep 17 00:00:00 2001
From: Jake Johnson <jake@fastdivision.com>
Date: Thu, 10 Jul 2014 16:04:53 -0700
Subject: [PATCH] Fix Firefox and Safari display issues. Closes #18

---
 public/components/ele-editor.css  |  4 ++--
 public/components/ele-editor.html |  2 +-
 public/css/lander.css             | 28 ++++++++++++++++++++++++----
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/public/components/ele-editor.css b/public/components/ele-editor.css
index 6b90b71..15dc342 100644
--- a/public/components/ele-editor.css
+++ b/public/components/ele-editor.css
@@ -1,4 +1,4 @@
-core-toolbar {
+#browse-elements {
   background: #FF4081;
   color: white;
   fill: white;
@@ -23,5 +23,5 @@ core-drawer-panel::shadow #scrim {
 }
 
 pvc-spinner::shadow .spinner > div {
-  background: #FF4081;
+  background: #FF4081 !important;
 }
\ No newline at end of file
diff --git a/public/components/ele-editor.html b/public/components/ele-editor.html
index e63f210..dd880e5 100644
--- a/public/components/ele-editor.html
+++ b/public/components/ele-editor.html
@@ -35,7 +35,7 @@
 
         <core-header-panel drawer mode="seamed">
           <polymer-flex-layout vertical></polymer-flex-layout>
-          <core-toolbar>Your Elements</core-toolbar>
+          <core-toolbar id="browse-elements">Your Elements</core-toolbar>
           <div flex id="element-sidebar">
             <ele-package-list selected="{{packageId}}" on-selected="{{loadPackage}}"></ele-package-list>
             <paper-button id="new-element" on-click=="{{createElement}}">Create New Element</paper-button>
diff --git a/public/css/lander.css b/public/css/lander.css
index e73e785..19df0c9 100644
--- a/public/css/lander.css
+++ b/public/css/lander.css
@@ -31,6 +31,12 @@ nav {
   right: 10px;
 }
 
+nav paper-button span {
+  font-size: 14px;
+  color: #C5CAE9;
+  transition: fill 0.2s;
+}
+
 nav paper-button::shadow span {
   font-size: 14px;
   color: #C5CAE9;
@@ -57,10 +63,6 @@ nav paper-button::shadow #icon svg {
   height: 20px !important;
 }
 
-bs-container {
-  max-width: 780px;
-}
-
 #intro {
   background: #3F51B5 url('/images/components.svg');
   background-size: cover;
@@ -93,12 +95,25 @@ bs-container {
   background: #FF4081;
 }
 
+#intro paper-button #icon {
+  margin-top: 7px;
+  margin-right: 4px;
+  padding-left: 8px;
+}
+
 #intro paper-button::shadow #icon {
   margin-top: 7px;
   margin-right: 4px;
   padding-left: 8px;
 }
 
+#intro paper-button span {
+  color: #fff;
+  margin-left: 0;
+  padding-right: 8px;
+  font-size: 16px;
+}
+
 #intro paper-button::shadow span {
   color: #fff;
   margin-left: 0;
@@ -194,6 +209,11 @@ core-scroll-header-panel::shadow #headerBg {
   border-top: 4px solid #303F9F;
 }
 
+core-scroll-header-panel #headerBg, core-scroll-header-panel #condensedHeaderBg {
+  background: #3F51B5;
+  border-top: 4px solid #303F9F;
+}
+
 .title {
   font-size: 40px;
 }
\ No newline at end of file