fix(ui): Add space between issue detail stats (#11858)

* Have monospace font match size of rubik

* Add space between issue detail stats

src/sentry/static/sentry/app/views/groupDetails/shared/header.jsx

@@ -156,13 +156,13 @@ const GroupHeader = createReactClass({
                   <ShortId shortId={group.shortId} />
                 </div>
               )}
-              <div className="count align-right">
+              <div className="count align-right m-l-1">
                 <h6 className="nav-header">{t('Events')}</h6>
                 <Link to={`${baseUrl}${groupId}/events/`}>
                   <Count className="count" value={group.count} />
                 </Link>
               </div>
-              <div className="count align-right">
+              <div className="count align-right m-l-1">
                 <h6 className="nav-header">{t('Users')}</h6>
                 {userCount !== 0 ? (
                   <Link to={`${baseUrl}${groupId}/tags/user/`}>
@@ -172,7 +172,7 @@ const GroupHeader = createReactClass({
                   <span>0</span>
                 )}
               </div>
-              <div className="assigned-to">
+              <div className="assigned-to m-l-1">
                 <h6 className="nav-header">{t('Assignee')}</h6>
                 <AssigneeSelector id={group.id} />
               </div>

src/sentry/static/sentry/less/group-detail.less

@@ -85,10 +85,17 @@
     }
   }
 
-  .count span {
-    font-size: 22px;
-    display: inline-block;
-    line-height: 1.2;
+  .count {
+    &.short-id-box span {
+      font-size: 19px;
+      line-height: 1.4;
+    }
+
+    span {
+      font-size: 22px;
+      display: inline-block;
+      line-height: 1.2;
+    }
   }
 
   .is-assigned {