get dropdown right

app/styles/app/components/buttons.sass

@@ -57,6 +57,7 @@ $button-border-color: #d4d4d4
   .button--signin
     display: inline-block
     padding: 0.7em 2em 0.65em 0.6em
+    margin-right: 1em
     color: $white
     font-size: $font-size-small
     line-height: 1

app/styles/app/layouts/dashboard.sass

@@ -89,7 +89,7 @@ $db-gray: #C9C9C9
     opacity: .9
 
 .db-controls
-  position: relative
+  // position: relative
   transform: translateY(24%)
   line-height: 3em
   border-left: 1px solid $db-gray
@@ -109,6 +109,7 @@ $db-gray: #C9C9C9
 .db-timeago
   position: relative
   padding-left: 2.2em
+  z-index: 30
 
 .db-lock
   position: absolute
@@ -129,27 +130,43 @@ $db-gray: #C9C9C9
   height: 100%
   width: 4em
   cursor: pointer
+  z-index: 30
   .icon
     width: 2em
     height: 2em
     left: 0
     right: 0
 
-  .dropdown
+.db-burger:hover ~ .dropdown
+  display: block
+
+.dropdown
   @include resetul
+  @extend %br-4px
   position: absolute
-    z-index: 50
+  padding: .5em
-    width: 10em;
+  z-index: 90
+  width: 15em;
   right: 0;
-    top: 3em;
+  top: 4em;
-    border: solid;
+  border: 2px $dropdown-color solid;
+  background-color: $white
+  &:before
+    content: ""
+    width: 1.2em
+    height: 1.2em
+    display: block
+    position: absolute
+    top: -0.7em;
+    right: 1.1em;
     background-color: $white
     
-    //display: none
+    background-color: #fff;
+    border-top: solid 2px $dropdown-color;
+    border-left: solid 2px $dropdown-color;
+    transform: rotate(45deg);
 
-  // &:hover
+  display: none
-  //   .dropdown
-  //     display: block
 
 
 @mixin colorDbelements($color)

app/templates/dashboard/repositories.hbs

@@ -87,15 +87,15 @@
         <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
         <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
         <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>in queue</p>
+      </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
+      </div>
       <ul class="dropdown">
         <li><a href="#" title="">Deactivate repository</a></li>
         <li><a href="#" title="">Trigger a build</a></li>
       </ul>
     </div>
-      </div>
-    </div>
 
     <div class="db db--fail row">
       <div class="db-lock"><span class="icon icon-lock"></span></div>
@@ -112,15 +112,15 @@
         <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
         <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
         <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>25 minutes ago</p>
+      </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
+      </div>
       <ul class="dropdown">
         <li><a href="#" title="">Deactivate repository</a></li>
         <li><a href="#" title="">Trigger a build</a></li>
       </ul>
     </div>
-      </div>
-    </div>
 
     <div class="db db--error row">
       <div class="db-lock"><span class="icon icon-lock"></span></div>
@@ -137,15 +137,15 @@
         <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
         <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
         <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>1 hour ago</p>
+      </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
+      </div>
       <ul class="dropdown">
         <li><a href="#" title="">Deactivate repository</a></li>
         <li><a href="#" title="">Trigger a build</a></li>
       </ul>
     </div>
-      </div>
-    </div>
 
     <div class="db db--cancel row">
       <div class="db-lock"><span class="icon icon-lock"></span></div>
@@ -162,15 +162,15 @@
         <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
         <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
         <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>3 hours ago</p>
+      </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
+      </div>
       <ul class="dropdown">
         <li><a href="#" title="">Deactivate repository</a></li>
         <li><a href="#" title="">Trigger a build</a></li>
       </ul>
     </div>
-      </div>
-    </div>
 
     <div class="db db--pass row">
       <div class="db-lock"><span class="icon icon-lock"></span></div>
@@ -187,15 +187,15 @@
         <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
         <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
         <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>2 days ago</p>
+      </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
+      </div>
       <ul class="dropdown">
         <li><a href="#" title="">Deactivate repository</a></li>
         <li><a href="#" title="">Trigger a build</a></li>
       </ul>
     </div>
-      </div>
-    </div>
 
   </section>
   <hr>