Make multiple tags render more nicely in headers

Summary: If you render multiple tags, they squish together.

Test Plan:
Now they look a little better:

{F31191}

Reviewers: Afaque_Hussain

Reviewed By: Afaque_Hussain

CC: aran

Differential Revision: https://secure.phabricator.com/D4761

Author: epriestley

src/__celerity_resource_map__.php

@@ -2694,7 +2694,7 @@
   ),
   'phabricator-header-view-css' =>
   array(
-    'uri' => '/res/88ef478c/rsrc/css/layout/phabricator-header-view.css',
+    'uri' => '/res/0ac01450/rsrc/css/layout/phabricator-header-view.css',
     'type' => 'css',
     'requires' =>
     array(
@@ -3380,7 +3380,7 @@
 ), array(
   'packages' =>
   array(
-    '0cb71c48' =>
+    '409233b7' =>
     array(
       'name' => 'core.pkg.css',
       'symbols' =>
@@ -3424,7 +3424,7 @@
         36 => 'phabricator-object-item-list-view-css',
         37 => 'global-drag-and-drop-css',
       ),
-      'uri' => '/res/pkg/0cb71c48/core.pkg.css',
+      'uri' => '/res/pkg/409233b7/core.pkg.css',
       'type' => 'css',
     ),
     '8a3f0fbd' =>
@@ -3614,19 +3614,19 @@
   'reverse' =>
   array(
     'aphront-attached-file-view-css' => 'e30a3fa8',
-    'aphront-crumbs-view-css' => '0cb71c48',
-    'aphront-dialog-view-css' => '0cb71c48',
-    'aphront-error-view-css' => '0cb71c48',
-    'aphront-form-view-css' => '0cb71c48',
+    'aphront-crumbs-view-css' => '409233b7',
+    'aphront-dialog-view-css' => '409233b7',
+    'aphront-error-view-css' => '409233b7',
+    'aphront-form-view-css' => '409233b7',
     'aphront-headsup-action-list-view-css' => 'ec01d039',
-    'aphront-headsup-view-css' => '0cb71c48',
-    'aphront-list-filter-view-css' => '0cb71c48',
-    'aphront-pager-view-css' => '0cb71c48',
-    'aphront-panel-view-css' => '0cb71c48',
-    'aphront-table-view-css' => '0cb71c48',
-    'aphront-tokenizer-control-css' => '0cb71c48',
-    'aphront-tooltip-css' => '0cb71c48',
-    'aphront-typeahead-control-css' => '0cb71c48',
+    'aphront-headsup-view-css' => '409233b7',
+    'aphront-list-filter-view-css' => '409233b7',
+    'aphront-pager-view-css' => '409233b7',
+    'aphront-panel-view-css' => '409233b7',
+    'aphront-table-view-css' => '409233b7',
+    'aphront-tokenizer-control-css' => '409233b7',
+    'aphront-tooltip-css' => '409233b7',
+    'aphront-typeahead-control-css' => '409233b7',
     'differential-changeset-view-css' => 'ec01d039',
     'differential-core-view-css' => 'ec01d039',
     'differential-inline-comment-editor' => '9dae5f20',
@@ -3640,7 +3640,7 @@
     'differential-table-of-contents-css' => 'ec01d039',
     'diffusion-commit-view-css' => 'c8ce2d88',
     'diffusion-icons-css' => 'c8ce2d88',
-    'global-drag-and-drop-css' => '0cb71c48',
+    'global-drag-and-drop-css' => '409233b7',
     'inline-comment-summary-css' => 'ec01d039',
     'javelin-aphlict' => '8a3f0fbd',
     'javelin-behavior' => 'fbeded59',
@@ -3710,48 +3710,48 @@
     'javelin-util' => 'fbeded59',
     'javelin-vector' => 'fbeded59',
     'javelin-workflow' => 'fbeded59',
-    'lightbox-attachment-css' => '0cb71c48',
+    'lightbox-attachment-css' => '409233b7',
     'maniphest-task-summary-css' => 'e30a3fa8',
     'maniphest-transaction-detail-css' => 'e30a3fa8',
     'phabricator-busy' => '8a3f0fbd',
     'phabricator-content-source-view-css' => 'ec01d039',
-    'phabricator-core-buttons-css' => '0cb71c48',
-    'phabricator-core-css' => '0cb71c48',
-    'phabricator-crumbs-view-css' => '0cb71c48',
-    'phabricator-directory-css' => '0cb71c48',
+    'phabricator-core-buttons-css' => '409233b7',
+    'phabricator-core-css' => '409233b7',
+    'phabricator-crumbs-view-css' => '409233b7',
+    'phabricator-directory-css' => '409233b7',
     'phabricator-drag-and-drop-file-upload' => '9dae5f20',
     'phabricator-dropdown-menu' => '8a3f0fbd',
     'phabricator-file-upload' => '8a3f0fbd',
-    'phabricator-filetree-view-css' => '0cb71c48',
-    'phabricator-flag-css' => '0cb71c48',
-    'phabricator-form-view-css' => '0cb71c48',
-    'phabricator-header-view-css' => '0cb71c48',
-    'phabricator-jump-nav' => '0cb71c48',
+    'phabricator-filetree-view-css' => '409233b7',
+    'phabricator-flag-css' => '409233b7',
+    'phabricator-form-view-css' => '409233b7',
+    'phabricator-header-view-css' => '409233b7',
+    'phabricator-jump-nav' => '409233b7',
     'phabricator-keyboard-shortcut' => '8a3f0fbd',
     'phabricator-keyboard-shortcut-manager' => '8a3f0fbd',
-    'phabricator-main-menu-view' => '0cb71c48',
+    'phabricator-main-menu-view' => '409233b7',
     'phabricator-menu-item' => '8a3f0fbd',
-    'phabricator-nav-view-css' => '0cb71c48',
+    'phabricator-nav-view-css' => '409233b7',
     'phabricator-notification' => '8a3f0fbd',
-    'phabricator-notification-css' => '0cb71c48',
-    'phabricator-notification-menu-css' => '0cb71c48',
-    'phabricator-object-item-list-view-css' => '0cb71c48',
+    'phabricator-notification-css' => '409233b7',
+    'phabricator-notification-menu-css' => '409233b7',
+    'phabricator-object-item-list-view-css' => '409233b7',
     'phabricator-object-selector-css' => 'ec01d039',
     'phabricator-paste-file-upload' => '8a3f0fbd',
     'phabricator-prefab' => '8a3f0fbd',
     'phabricator-project-tag-css' => 'e30a3fa8',
-    'phabricator-remarkup-css' => '0cb71c48',
+    'phabricator-remarkup-css' => '409233b7',
     'phabricator-shaped-request' => '9dae5f20',
-    'phabricator-side-menu-view-css' => '0cb71c48',
-    'phabricator-standard-page-view' => '0cb71c48',
+    'phabricator-side-menu-view-css' => '409233b7',
+    'phabricator-standard-page-view' => '409233b7',
     'phabricator-textareautils' => '8a3f0fbd',
     'phabricator-tooltip' => '8a3f0fbd',
-    'phabricator-transaction-view-css' => '0cb71c48',
-    'phabricator-zindex-css' => '0cb71c48',
-    'sprite-apps-large-css' => '0cb71c48',
-    'sprite-gradient-css' => '0cb71c48',
-    'sprite-icon-css' => '0cb71c48',
-    'sprite-menu-css' => '0cb71c48',
-    'syntax-highlighting-css' => '0cb71c48',
+    'phabricator-transaction-view-css' => '409233b7',
+    'phabricator-zindex-css' => '409233b7',
+    'sprite-apps-large-css' => '409233b7',
+    'sprite-gradient-css' => '409233b7',
+    'sprite-icon-css' => '409233b7',
+    'sprite-menu-css' => '409233b7',
+    'syntax-highlighting-css' => '409233b7',
   ),
 ));

webroot/rsrc/css/layout/phabricator-header-view.css

@@ -24,6 +24,10 @@
 }
 
 .phabricator-header-tags {
-  margin-left: 1em;
+  margin-left: 12px;
   font-size: 13px;
 }
+
+.phabricator-header-tags .phabricator-tag-view {
+  margin-left: 4px;
+}