less spacing and proper os icons

app/styles/app/modules/buttons.sass

@@ -145,5 +145,6 @@ $button-border-color: #d4d4d4
     background-color: $teal1
   .icon--question
     @extend %absolute-center
+    width: 0.9em
     background-size: 80% auto
 

app/styles/app/modules/icons.sass

@@ -101,9 +101,11 @@
     font-size: 24px
 .icon--lang
   background-image: inline-image('svg/icon-language.svg')
-.icon--linux
+.icon--linux,
+.icon.linux
   background-image: inline-image('svg/icon-linux.svg')
-.icon--mac
+.icon--mac,
+.icon.mac
   background-image: inline-image('svg/icon-mac.svg')
 .icon--eye
   background-image: inline-image('svg/icon-showmore.svg')

app/styles/app/modules/tiles.sass

@@ -163,12 +163,12 @@
 
 // job matrix
 .tile--jobs
-  margin-bottom: 0.8em
+  margin-bottom: 0.5em
   .tile-main
     .icon
       margin-right: .3em
-    // p:not(.tile-single-line)
-    //   padding: .1em 0
+    .tile-double-line
+      padding: .1em 0
     @media #{$medium-up}
       white-space: nowrap
       overflow: hidden
@@ -182,4 +182,7 @@
       @include grid-column(7)
 
 p.tile-single-line
-  padding: .9em 0
+  padding: 1em 0
+  .icon--code
+    width: 1.3em
+    height: 1.1em

app/templates/jobs.hbs

@@ -20,8 +20,8 @@
 
           <div class="tile-main medium-4 columns">
           {{#if config.env}}
-            <p class="build-env"><span class="icon icon--env"></span>{{config.global_env}} {{config.env}}</p>
-            <p class="build-lang"><span class="icon icon--lang"></span>{{view.languages}}</p>
+            <p class="build-env tile-double-line"><span class="icon icon--env"></span>{{config.global_env}} {{config.env}}</p>
+            <p class="build-lang tile-double-line"><span class="icon icon--lang"></span>{{view.languages}}</p>
           {{else}}
             <p class="build-lang tile-single-line"><span class="icon icon--lang"></span>{{view.languages}}</p>
           {{/if}}
@@ -44,7 +44,7 @@
               <span class="icon icon--cal"></span>
               {{format-time finishedAt}}
             </p>
-            <p class="columns small-6 medium-1 large-1 tile-single-line"><span {{bind-attr class=":icon :icon--linux config.os"}}></span>{{config.os}}</p>
+            <p class="columns small-6 medium-1 large-1 tile-single-line"><span {{bind-attr class=":icon config.os"}}></span>{{config.os}}</p>
           </div>
         </div>