INT-1436 remove cardinality column, add compound to properties

(cherry picked from commit 13be38a)

Author: rueckstiess

src/app/indexes/index-item.jade

@@ -25,11 +25,7 @@ tr
       div.quantity(data-hook='usage-count')
       div.usage-since since 
         span(data-hook='usage-since')
-  td.property1-column
-    div.property.cardinality
-      = model.cardinality
-      i.link
-  td.property2-column
+  td.property-column
     div.properties
       each prop in model.properties
         if prop === 'ttl'
@@ -44,3 +40,7 @@ tr
           div(class='property')
             = prop
             i.link
+      if model.cardinality === 'compound'
+        div.property.cardinality
+          = model.cardinality
+          i.link

src/app/indexes/index.jade

@@ -16,9 +16,6 @@
             th.usage-column(data-hook='th-usage') Usage
               i.sort.fa.fa-fw
               i.fa.fa-fw.fa-sort
-            th(data-hook='th-cardinality') Cardinality
-              i.sort.fa.fa-fw
-              i.fa.fa-fw.fa-sort
             th(data-hook='th-properties') Properties
               i.sort.fa.fa-fw
               i.fa.fa-fw.fa-sort

src/app/indexes/index.js

@@ -69,7 +69,6 @@ module.exports = View.extend({
         'Type': '[data-hook=th-type]',
         'Size': '[data-hook=th-size]',
         'Usage': '[data-hook=th-usage]',
-        'Cardinality': '[data-hook=th-cardinality]',
         'Properties': '[data-hook=th-properties]'
       }
     },

src/app/indexes/index.less

@@ -39,7 +39,6 @@
     &[data-hook="th-name"],
     &[data-hook="th-type"],
     &[data-hook="th-size"],
-    &[data-hook="th-cardinality"],
     &[data-hook="th-properties"] {
       padding-left: 24px;
     }
@@ -99,7 +98,7 @@
       padding: 0 0 24px 12px;
       position: relative;
       height: 48px;
-      width: 30%;
+      width: 40%;
 
       &:hover {
         .name {
@@ -124,16 +123,16 @@
       padding-right: 24px;
     }
 
-    &.util-column {
-      width: 18%;
-    }
-
-    &.type-column, &.property1-column, &.property2-column {
-      width: 14%;
+    &.type-column, &.property-column {
+      width: auto;
       padding-left: 24px;
       padding-right: 24px;
     }
 
+    &.usage-column {
+      width: 20%;
+    }
+
     .name {
       font-size: 12px;
       color: @index-type-color;