From a0d46a7ce6e4db41d3f2ecb75e115885ea3a6db5 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Tue, 24 Sep 2013 14:06:18 -0700
Subject: [PATCH] Header: add border bottom, fix overlapping shadow

---
 ui/stylesheets/cloudstack.scss   | 4 ++++
 ui/stylesheets/csui/_header.scss | 1 +
 2 files changed, 5 insertions(+)

diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index 72f8472e9f1..b5656f1efa3 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -15,6 +15,9 @@ body {
 #header {
     @include csui-header;
 
+    position: relative;
+    z-index: 2;
+
     .controls {
         position: relative;
 
@@ -137,6 +140,7 @@ body {
     height: 100%;
     float: left;
     box-shadow: -5px 0px 10px #b6b6b6;
+    z-index: 1;
 
     .container {
         width: 100%;
diff --git a/ui/stylesheets/csui/_header.scss b/ui/stylesheets/csui/_header.scss
index de2be7eadc5..cf0ba5d4544 100644
--- a/ui/stylesheets/csui/_header.scss
+++ b/ui/stylesheets/csui/_header.scss
@@ -7,6 +7,7 @@
   );
 
   background-size: auto, cover;
+  border-bottom: 2px solid #0c89d0;
 
   .logo {
     background: url(csui/img/header/logo.png) no-repeat left;