From 96aff035995a493aece77b95a5d7a04b9883ccc5 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Tue, 10 Feb 2015 16:32:43 +0100
Subject: [PATCH] fix build header dropdown responsive behaviour

---
 app/styles/app/main/repository.sass |  6 ++----
 app/styles/app/main/tools.sass      | 27 +++++++++++++++------------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/app/styles/app/main/repository.sass b/app/styles/app/main/repository.sass
index e3859b22..1842a540 100644
--- a/app/styles/app/main/repository.sass
+++ b/app/styles/app/main/repository.sass
@@ -9,6 +9,7 @@
     margin-right: 5px
 
   .status-image
+    display: inline-block
     position: relative
     width: 90px
     height: 25px
@@ -26,8 +27,6 @@
     display: inline-block
     position: relative
     vertical-align: top
-
-  .github-icon
     img
       opacity: 0.65
 
@@ -38,7 +37,6 @@
 
   .description, .language
     font-weight: normal
-    color: #666a72
     font-size: 15px
 
   .description
@@ -48,6 +46,7 @@
   .language
     display: none
     padding-right: 5px
+    color: #666a72
 
   .github-stats
     position: absolute
@@ -90,6 +89,5 @@
       top: 12px
       margin-right: 1em
     .status-image
-      display: inline-block
       top: 12px
 
diff --git a/app/styles/app/main/tools.sass b/app/styles/app/main/tools.sass
index 0f1bb860..c3c8db2a 100644
--- a/app/styles/app/main/tools.sass
+++ b/app/styles/app/main/tools.sass
@@ -1,18 +1,11 @@
 
 #tools
-
   position: relative
-
-  @media #{$medium-up}
-    position: relative
-    float: right
-    top: 2px
-    width: 600px
+  margin-top: 5px
 
   & > a.menu-popup-button
     display: inline-block
     text-align: left
-    margin-top: -37px
     color: #fff
     font-size: 13px
     padding: 4px 24px 3px 25px
@@ -22,9 +15,7 @@
     background-color: #a6adad
     background-repeat: no-repeat
     border-radius: 4px
-
     cursor: pointer
-    float: right
     img
       width: 7px
       padding-left: 10px
@@ -32,11 +23,10 @@
   .menu
     @include resetul
     @include border-bottom-radius(4px)
+    margin-top: 1px
     z-index: 1000
     display: none
     position: absolute
-    right: 0
-    top: -9px
     width: 140px
     background-color: #a6adad
     a
@@ -52,6 +42,19 @@
         cursor: default
         color: $color-link-disabled
 
+  @media screen and (min-width: 46em)
+    position: relative
+    top: 2px
+    width: 600px
+    float: right
+    & > a.menu-popup-button
+      margin-top: -37px
+      float: right
+    .menu
+      right: 0
+      top: -9px
+      margin-top: 0
+
 #code-climate
   a
     text-decoration: underline