User metric badge alignment fix

app/assets/javascripts/admin/templates/components/dashboard-inline-table.hbs

@@ -7,7 +7,7 @@
     <div class="table-container">
       {{#unless hasBlock}}
         {{#each report.data as |data|}}
-          <div class="table-cell user-{{data.key}}">
+          <a class="table-cell user-{{data.key}}" href="{{data.url}}">
             <span class="label">
               {{#if data.icon}}
                 {{d-icon data.icon}}
@@ -15,13 +15,9 @@
               {{data.x}}
             </span>
             <span class="value">
-              {{#if data.url}}
-                <a href="{{data.url}}">{{number data.y}}</a>
-              {{else}}
                 {{number data.y}}
-              {{/if}}
             </span>
-          </div>
+          </a>
         {{/each}}
       {{else}}
         {{yield (hash report=report)}}

app/assets/stylesheets/common/admin/dashboard_next.scss

@@ -380,30 +380,30 @@
     flex: 1 0 auto;
     max-width: 95%;
   }
-}
-
   .table-cell {
     display: flex;
     flex: 0 1 auto;
-    margin: 0 1em .5em 0;
-    padding: 0 .5em 0 0;
+    margin: 0 10px 5px 0;
     border: 1px solid $primary-low;
     border-radius: 10px;
-  
     .label {
       display: flex;
       align-items: center;
-      margin-right: .25em;
       color: $primary;
       background: $primary-very-low;
-      padding: 0 .5em;
       justify-content: center;
-      border-radius: 10px 0 0 10px;
+      border-radius: 9px 0 0 9px;
+      padding: 0 5px 0 8px;
+      
       .d-icon {
         margin-right: 5px;
         font-size: $font-down-1;
       }
     }
+
+    .value {
+      padding: 0 8px 0 5px;
+    }
     &.user-newuser{
       .label {
         color: $primary-high;
@@ -434,6 +434,7 @@
       }
     }
   }
+}
 
 .dashboard-inline-table {
   margin-left: 5%;