Styling for new svg icons for taxons

app/assets/stylesheets/darkswarm/active_table.css.sass

@@ -11,7 +11,6 @@
     &:first-child
       cursor: pointer
 
-
 .active_table .active_table_node
   @include csstrans
   display: block

app/assets/stylesheets/darkswarm/hub_node.css.sass

@@ -1,4 +1,5 @@
 @import branding
+@import mixins
 
 .hubs
   .active_table .active_table_node
@@ -36,7 +37,23 @@
     //Open row
     &.open
       .fat-taxons
+        @include csstrans
         margin-right: 0.5rem
+        text-transform: uppercase
+        font-size: 1rem
+        line-height: 1
+        color: $dark-grey
+        // border: 1px solid $disabled-bright
+        display: inline-block
+        padding: 0.2rem 0.5rem 0.35rem 0.35rem
+        
+        object.taxon
+          height: 20px
+          svg path
+            fill: black
+        // &:hover, &.hover, &:active
+        //   background: rgba(255,255,255,0.5)
+
       .active_table_row:first-child
         border-top: 1px solid $clr-brick
         border-left: 1px solid $clr-brick

app/views/home/_fat.html.haml

@@ -5,8 +5,7 @@
       Shop for
     %p.trans-sentence
       %span.fat-taxons{"ng-repeat" => "taxon in hub.taxons"}
-        %object.taxon{"data" => "{{taxon.icon}}", type: "image/svg+xml"}
-          {{taxon.name}} 
+        %object.taxon{"ng-attr-data" => "{{taxon.icon}}", type: "image/svg+xml"}
         {{taxon.name}} 
   .columns.small-4
     %h5 Delivery options