Fix project hovercard tag alignment

Summary: Fix tag alignment on project cards when there are multiple tags. Also fixes T12381.

Test Plan: Review a project and people hovercard in sandbox, ensure multiple tags look as expected.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Maniphest Tasks: T12381

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

Author: Chad Little

resources/celerity/map.php

@@ -96,7 +96,7 @@
     'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
     'rsrc/css/application/policy/policy.css' => '957ea14c',
     'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96',
-    'rsrc/css/application/project/project-card-view.css' => 'e17bf825',
+    'rsrc/css/application/project/project-card-view.css' => '1be8c87b',
     'rsrc/css/application/project/project-view.css' => '792c9057',
     'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
     'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
@@ -905,7 +905,7 @@
     'policy-edit-css' => '815c66f7',
     'policy-transaction-detail-css' => '82100a43',
     'ponder-view-css' => 'fbd45f96',
-    'project-card-view-css' => 'e17bf825',
+    'project-card-view-css' => '1be8c87b',
     'project-view-css' => '792c9057',
     'releeph-core' => '9b3c5733',
     'releeph-preview-branch' => 'b7a6f4a5',

src/applications/people/view/PhabricatorUserCardView.php

@@ -31,6 +31,7 @@ protected function getTagName() {
   protected function getTagAttributes() {
     $classes = array();
     $classes[] = 'project-card-view';
+    $classes[] = 'people-card-view';
 
     if ($this->profile->getIsDisabled()) {
       $classes[] = 'project-card-disabled';
@@ -120,6 +121,7 @@ protected function getTagContent() {
       'a',
       array(
         'href' => $href,
+        'class' => 'project-card-image-href',
       ),
       $image);
 

webroot/rsrc/css/application/project/project-card-view.css

@@ -43,6 +43,10 @@
   border-radius: 3px;
 }
 
+.project-card-view .project-card-image-href {
+  display: inline-block;
+}
+
 .project-card-view .project-card-item div {
   display: inline;
 }
@@ -103,7 +107,7 @@
   margin-top: 8px;
 }
 
-.project-card-view .phui-header-subheader .phui-tag-core {
+.people-card-view .phui-header-subheader .phui-tag-core {
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 232px;