corrected positioning of navigation elements

2 files changed, 13 insertions, 5 deletions

diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css
index 5aa068a6c..2b382ac8f 100644
--- a/assets/css/alaveteli-org.css
+++ b/assets/css/alaveteli-org.css
@@ -75,15 +75,16 @@ h3 {
 @media (min-width: 47.5em) {
   .nav-position {
     position: absolute;
-    top: 0.33em;
+    top: 0.6em;
     left: 180px; } }
 @media (min-width: 56.88889em) {
   .nav-position {
     left: 240px;
-    top: 0; } }
+    top: 0.5em; } }
 
 .site-nav ul {
-  margin-top: 0; }
+  margin-top: 0;
+  margin-bottom: 0; }
 @media (min-width: 47.5em) {
   .site-nav li {
     display: inline-block; } }
@@ -134,6 +135,9 @@ h3 {
   border-radius: 5px;
   color: #fff;
   font-size: 0.875em; }
+  @media (min-width: 30em) {
+    .nav-toggle {
+      right: 10em; } }
 
 @media screen and (min-width: 47.5em) {
   .js .nav-collapse {
diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss
index e53177fcd..7632cffcd 100644
--- a/assets/sass/alaveteli-org.scss
+++ b/assets/sass/alaveteli-org.scss
@@ -64,18 +64,19 @@ h3 {
 .nav-position {
     @media (min-width: 47.5em) {
         position: absolute;
-        top: 0.33em;
+        top: 0.6em;
         left: 180px;
     }
     @media (min-width: $large-screen) {
         left: 240px;
-        top: 0;
+        top: 0.5em;
     }
 }
 
 .site-nav {
     ul {
         margin-top: 0;
+        margin-bottom: 0;
         @extend .unstyled-list;
     }
     li {
@@ -130,6 +131,9 @@ h3 {
   position: absolute;
   top: 0.1em;
   right: 5em;
+  @media (min-width: $medium-screen) {
+    right: 10em;
+  }
   display: inline-block;
   padding: 0.3em 0.75em;
   border: 1px solid rgba(255,255,255,0.1);