Merge pull request #50 from KL-7/info-icon-fix

Fix info icon overlapping tabs (in Firefox).

assets/scripts/app/templates/repos/list.hbs

@@ -4,8 +4,6 @@
 
 {{view Travis.ReposListTabsView}}
 
-<a {{action toggleInfo target="view"}} class="toggle-info"></a>
-
 <div class="tab">
   {{#collection Travis.ReposListView contentBinding="controller"}}
     {{#with view.repo}}

assets/scripts/app/templates/repos/list/tabs.hbs

@@ -8,5 +8,6 @@
   <li id="tab_search" {{bindAttr class="view.classSearch"}}>
     <h5><a name="search" {{action activate target="view"}}>{{t layouts.application.search}}</a></h5>
   </li>
-</ul>
 
+  <a {{action toggleInfo target="view"}} class="toggle-info"></a>
+</ul>

assets/scripts/app/views/repo/list.coffee

@@ -2,9 +2,6 @@
   ReposView: Travis.View.extend
     templateName: 'repos/list'
 
-    toggleInfo: (event) ->
-      $('#repos').toggleClass('open')
-
   ReposListView: Em.CollectionView.extend
     elementId: 'repos'
     tagName: 'ul'
@@ -51,3 +48,6 @@
     classSearch: (->
       'active' if @get('tab') == 'search'
     ).property('tab')
+
+    toggleInfo: (event) ->
+      $('#repos').toggleClass('open')

assets/styles/left.sass

@@ -12,7 +12,7 @@
       padding: 0 0 0 10px
       color: $color-text
       font-size: $font-size-small
-      box-sizing: border-box
+      @include box-sizing(border-box)
       border: 1px solid $color-border-light
       @include border-radius(4px)
       background: $color-bg-input inline-image('ui/search.png') no-repeat right 8px
@@ -26,10 +26,9 @@
       display: inline-block
 
   .toggle-info
-    position: absolute
-    right: 20px
-    margin-top: -22px
-    display: block
+    margin: 8px 20px 0 20px
+    display: inline-block
+    float: right
     width: 14px
     height: 14px
     background-image: inline-image('ui/info.png')