Header and navigation fixes
- fixed header slider position
- decreased size of main nav buttons based on user feedback
Change-Id: I86f6d2c448352c820e843837368c74407c00ec90
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index c89b8e4..1a028d3 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -58,7 +58,7 @@
color: $white;
fill: $white;
width: 100%;
- padding: 1em;
+ padding: 0 .8em .8em;
display: block;
text-align: center;
margin-bottom: 0;
@@ -66,7 +66,7 @@
border-radius: 0;
text-decoration: none;
border-top: 1px solid transparent;
- border-bottom: 1px solid $darkgrey;
+ border-bottom: 1px solid darken($darkgrey, 15%);
a {
margin-bottom: 5px;
}
@@ -81,7 +81,6 @@
background: $nav__second-level-color;
fill: $black;
color: $medblue;
- padding: 1em;
border-radius: 0;
border-bottom: 1px solid $lightgrey;
cursor: pointer;
diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss
index e2d5260..1f065f0 100644
--- a/app/common/styles/layout/header.scss
+++ b/app/common/styles/layout/header.scss
@@ -79,9 +79,6 @@
}
.logo__wrapper {
padding-top: .5em;
- //position: absolute;
- //top: 50%;
- //transform: translateY(-50%);
}
.header__logo {
@@ -97,7 +94,7 @@
.header__functions {
position: absolute;
top: 0;
- right: -680px;
+ right: -650px;
bottom: 0;
z-index: 100;
margin: .3em 0;
@@ -119,7 +116,7 @@
float: left;
text-decoration: none;
color: $darkgrey;
- padding: 1.250em 1.688em;
+ padding: 1.25em 1.3em;
height: 100%;
font-size: 0.875em;
font-weight: 400;