ProjectView improvements

Summary: Simplified header, added Workboard button and icon, moved Maniphest actions to "Open Tasks" Object Box. Reduced actions by 3.

Test Plan: Test a number of project pages, looks better, cleaner.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

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

resources/celerity/map.php

@@ -7,7 +7,7 @@
 return array(
   'names' =>
   array(
-    'core.pkg.css' => '00031c1d',
+    'core.pkg.css' => '607946ba',
     'core.pkg.js' => 'c7854cc5',
     'darkconsole.pkg.js' => 'ca8671ce',
     'differential.pkg.css' => '5a65a762',
@@ -135,7 +135,7 @@ return array(
     'rsrc/css/phui/phui-icon.css' => 'fcb145a7',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
     'rsrc/css/phui/phui-list.css' => '2edb76cf',
-    'rsrc/css/phui/phui-object-box.css' => '4f916b80',
+    'rsrc/css/phui/phui-object-box.css' => '95767d08',
     'rsrc/css/phui/phui-object-item-list-view.css' => 'eb579d6c',
     'rsrc/css/phui/phui-pinboard-view.css' => '4b346c2a',
     'rsrc/css/phui/phui-property-list-view.css' => 'dbf53b12',
@@ -151,11 +151,11 @@ return array(
     'rsrc/css/sprite-apps-large.css' => '0a453d4b',
     'rsrc/css/sprite-apps-xlarge.css' => 'db66c878',
     'rsrc/css/sprite-apps.css' => 'c3857e4e',
-    'rsrc/css/sprite-buttonbar.css' => 'bbec51ec',
+    'rsrc/css/sprite-buttonbar.css' => '955c2190',
     'rsrc/css/sprite-conpherence.css' => '084b1f13',
     'rsrc/css/sprite-docs.css' => '7ea4927e',
     'rsrc/css/sprite-gradient.css' => 'a10def53',
-    'rsrc/css/sprite-icons.css' => 'a92a018c',
+    'rsrc/css/sprite-icons.css' => '4546b245',
     'rsrc/css/sprite-login.css' => 'fa00ebdc',
     'rsrc/css/sprite-main-header.css' => 'ba949d0d',
     'rsrc/css/sprite-menu.css' => '9db4da0b',
@@ -306,15 +306,15 @@ return array(
     'rsrc/image/sprite-apps-large.png' => 'b0aa7d64',
     'rsrc/image/sprite-apps-xlarge.png' => 'a751a580',
     'rsrc/image/sprite-apps.png' => '35052ada',
-    'rsrc/image/sprite-buttonbar-X2.png' => '36fcc19d',
+    'rsrc/image/sprite-buttonbar-X2.png' => '898b1d59',
-    'rsrc/image/sprite-buttonbar.png' => 'e488cf8d',
+    'rsrc/image/sprite-buttonbar.png' => 'fb58f604',
     'rsrc/image/sprite-conpherence-X2.png' => '5ed80fb0',
     'rsrc/image/sprite-conpherence.png' => '7146f76f',
     'rsrc/image/sprite-docs-X2.png' => '520858fa',
     'rsrc/image/sprite-docs.png' => '4636297f',
     'rsrc/image/sprite-gradient.png' => '4ece0b62',
-    'rsrc/image/sprite-icons-X2.png' => '4072ceaf',
+    'rsrc/image/sprite-icons-X2.png' => '762cbfa5',
-    'rsrc/image/sprite-icons.png' => '19d9974a',
+    'rsrc/image/sprite-icons.png' => '9056fc51',
     'rsrc/image/sprite-login-X2.png' => 'd2132242',
     'rsrc/image/sprite-login.png' => '7f878f1d',
     'rsrc/image/sprite-main-header.png' => 'bca643fc',
@@ -746,7 +746,7 @@ return array(
     'phui-icon-view-css' => 'fcb145a7',
     'phui-info-panel-css' => '27ea50a1',
     'phui-list-view-css' => '2edb76cf',
-    'phui-object-box-css' => '4f916b80',
+    'phui-object-box-css' => '95767d08',
     'phui-object-item-list-view-css' => 'eb579d6c',
     'phui-pinboard-view-css' => '4b346c2a',
     'phui-property-list-view-css' => 'dbf53b12',
@@ -781,11 +781,11 @@ return array(
     'sprite-apps-css' => 'c3857e4e',
     'sprite-apps-large-css' => '0a453d4b',
     'sprite-apps-xlarge-css' => 'db66c878',
-    'sprite-buttonbar-css' => 'bbec51ec',
+    'sprite-buttonbar-css' => '955c2190',
     'sprite-conpherence-css' => '084b1f13',
     'sprite-docs-css' => '7ea4927e',
     'sprite-gradient-css' => 'a10def53',
-    'sprite-icons-css' => 'a92a018c',
+    'sprite-icons-css' => '4546b245',
     'sprite-login-css' => 'fa00ebdc',
     'sprite-main-header-css' => 'ba949d0d',
     'sprite-menu-css' => '9db4da0b',

resources/sprite/manifest/buttonbar.json

@@ -35,6 +35,11 @@
       "name" : "buttonbar-time",
       "rule" : ".buttonbar-time",
       "hash" : "1355aa26ecd63e76a59352aba95e54ad"
+    },
+    "buttonbar-workboard"     : {
+      "name" : "buttonbar-workboard",
+      "rule" : ".buttonbar-workboard",
+      "hash" : "fab3db9da0a6b14d8517c6c9868b30f7"
     }
   },
   "scales"  : [

resources/sprite/manifest/icons.json

@@ -1171,6 +1171,21 @@
       "rule" : ".icons-warning-white, .device-desktop .phabricator-action-view:hover .icons-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-warning",
       "hash" : "c82e3ce08e31c36315c65ace1c12ce1f"
     },
+    "icons-workboard"                     : {
+      "name" : "icons-workboard",
+      "rule" : ".icons-workboard",
+      "hash" : "6af475e9ee3ae64664d79c8b6104ef1f"
+    },
+    "icons-workboard-grey"                : {
+      "name" : "icons-workboard-grey",
+      "rule" : ".icons-workboard-grey",
+      "hash" : "b690d7ebeb0085c0aa35b27ddd45d619"
+    },
+    "icons-workboard-white"               : {
+      "name" : "icons-workboard-white",
+      "rule" : ".icons-workboard-white, .device-desktop .phabricator-action-view:hover .icons-workboard, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-workboard",
+      "hash" : "fef275c8eab6957ce7e0cf6cc095901f"
+    },
     "icons-world"                         : {
       "name" : "icons-world",
       "rule" : ".icons-world",

src/applications/maniphest/event/ManiphestActionMenuEventListener.php

@@ -20,8 +20,6 @@ final class ManiphestActionMenuEventListener extends PhabricatorEventListener {
     $actions = null;
     if ($object instanceof PhabricatorUser) {
       $actions = $this->renderUserItems($event);
-    } else if ($object instanceof PhabricatorProject) {
-      $actions = $this->renderProjectItems($event);
     }
 
     $this->addActionMenuItems($event, $actions);

src/applications/project/controller/PhabricatorProjectProfileController.php

@@ -49,11 +49,22 @@ final class PhabricatorProjectProfileController
       'phabricator-project-layout',
       array($tasks, $feed));
 
+    $id = $this->id;
+    $icon = id(new PHUIIconView())
+          ->setSpriteSheet(PHUIIconView::SPRITE_ICONS)
+          ->setSpriteIcon('workboard');
+    $board_btn = id(new PHUIButtonView())
+        ->setTag('a')
+        ->setText(pht('Workboards'))
+        ->setHref($this->getApplicationURI("board/{$id}/"))
+        ->setIcon($icon);
+
     $header = id(new PHUIHeaderView())
       ->setHeader($project->getName())
       ->setUser($user)
       ->setPolicyObject($project)
-      ->setImage($picture);
+      ->setImage($picture)
+      ->addActionLink($board_btn);
 
     if ($project->getStatus() == PhabricatorProjectStatus::STATUS_ACTIVE) {
       $header->setStatus('oh-ok', '', pht('Active'));
@@ -137,8 +148,33 @@ final class PhabricatorProjectProfileController
     $task_list->setTasks($tasks);
     $task_list->setHandles($handles);
 
+    $phid = $project->getPHID();
+    $view_uri = '/maniphest/?statuses[]=0&allProjects[]='.$phid.'#R';
+    $create_uri = '/maniphest/task/create/?projects='.$phid;
+    $icon = id(new PHUIIconView())
+      ->setSpriteSheet(PHUIIconView::SPRITE_ICONS)
+      ->setSpriteIcon('action-menu');
+    $button_view = id(new PHUIButtonView())
+      ->setTag('a')
+      ->setText(pht('View All'))
+      ->setHref($view_uri)
+      ->setIcon($icon);
+    $icon_new = id(new PHUIIconView())
+      ->setSpriteSheet(PHUIIconView::SPRITE_ICONS)
+      ->setSpriteIcon('new');
+    $button_add = id(new PHUIButtonView())
+      ->setTag('a')
+      ->setText(pht('New Task'))
+      ->setHref($create_uri)
+      ->setIcon($icon_new);
+
+    $header = id(new PHUIHeaderView())
+      ->setHeader(pht('Open Tasks'))
+      ->addActionLink($button_add)
+      ->addActionLink($button_view);
+
     $content = id(new PHUIObjectBoxView())
-      ->setHeaderText(pht('Open Tasks'))
+      ->setHeader($header)
       ->appendChild($task_list);
 
     return $content;
@@ -232,12 +268,6 @@ final class PhabricatorProjectProfileController
         ->setHref($this->getApplicationURI("history/{$id}/"))
         ->setIcon('transcript'));
 
-    $view->addAction(
-      id(new PhabricatorActionView())
-        ->setName(pht('View Board (Beta)'))
-        ->setHref($this->getApplicationURI("board/{$id}/"))
-        ->setIcon('project'));
-
     return $view;
   }
 

webroot/rsrc/css/phui/phui-object-box.css

@@ -13,7 +13,7 @@
 }
 
 .phui-object-box .phui-header-image {
-  margin: 5px 12px 5px 0;
+  margin: 1px 8px 0px -7px;
 }
 
 .phui-object-box .phui-header-shell h1 {

webroot/rsrc/css/sprite-buttonbar.css

@@ -39,9 +39,13 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 }
 
 .buttonbar-pencil {
-  background-position: 0px -30px;
+  background-position: -30px -15px;
 }
 
 .buttonbar-time {
+  background-position: 0px -30px;
+}
+
+.buttonbar-workboard {
   background-position: -15px -30px;
 }

webroot/rsrc/css/sprite-icons.css

@@ -330,722 +330,734 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   background-position: -195px -60px;
 }
 
-.icons-world {
+.icons-workboard {
   background-position: -210px -60px;
 }
 
-.icons-wrench {
+.icons-world {
   background-position: -225px -60px;
 }
 
-.icons-zip {
+.icons-wrench {
   background-position: 0px -75px;
 }
 
-.icons-action-menu-grey {
+.icons-zip {
   background-position: -15px -75px;
 }
 
-.icons-arrow_left-grey {
+.icons-action-menu-grey {
   background-position: -30px -75px;
 }
 
-.icons-arrow_right-grey {
+.icons-arrow_left-grey {
   background-position: -45px -75px;
 }
 
-.icons-attach-grey {
+.icons-arrow_right-grey {
   background-position: -60px -75px;
 }
 
-.icons-backward-grey {
+.icons-attach-grey {
   background-position: -75px -75px;
 }
 
-.icons-blame-grey {
+.icons-backward-grey {
   background-position: -90px -75px;
 }
 
-.icons-calendar-grey {
+.icons-blame-grey {
   background-position: -105px -75px;
 }
 
-.icons-check-grey {
+.icons-calendar-grey {
   background-position: -120px -75px;
 }
 
-.icons-comment-grey {
+.icons-check-grey {
   background-position: -135px -75px;
 }
 
-.icons-computer-grey {
+.icons-comment-grey {
   background-position: -150px -75px;
 }
 
-.icons-create-grey {
+.icons-computer-grey {
   background-position: -165px -75px;
 }
 
-.icons-data-grey {
+.icons-create-grey {
   background-position: -180px -75px;
 }
 
-.icons-delete-grey {
+.icons-data-grey {
   background-position: -195px -75px;
 }
 
-.icons-disable-grey {
+.icons-delete-grey {
   background-position: -210px -75px;
 }
 
-.icons-dislike-grey {
+.icons-disable-grey {
   background-position: -225px -75px;
 }
 
-.icons-download-alt-grey {
+.icons-dislike-grey {
   background-position: 0px -90px;
 }
 
-.icons-download-grey {
+.icons-download-alt-grey {
   background-position: -15px -90px;
 }
 
-.icons-edit-grey {
+.icons-download-grey {
   background-position: -30px -90px;
 }
 
-.icons-enable-grey {
+.icons-edit-grey {
   background-position: -45px -90px;
 }
 
-.icons-file-grey {
+.icons-enable-grey {
   background-position: -60px -90px;
 }
 
-.icons-film-grey {
+.icons-file-grey {
   background-position: -75px -90px;
 }
 
-.icons-flag-0-grey {
+.icons-film-grey {
   background-position: -90px -90px;
 }
 
-.icons-flag-1-grey {
+.icons-flag-0-grey {
   background-position: -105px -90px;
 }
 
-.icons-flag-2-grey {
+.icons-flag-1-grey {
   background-position: -120px -90px;
 }
 
-.icons-flag-3-grey {
+.icons-flag-2-grey {
   background-position: -135px -90px;
 }
 
-.icons-flag-4-grey {
+.icons-flag-3-grey {
   background-position: -150px -90px;
 }
 
-.icons-flag-5-grey {
+.icons-flag-4-grey {
   background-position: -165px -90px;
 }
 
-.icons-flag-6-grey {
+.icons-flag-5-grey {
   background-position: -180px -90px;
 }
 
-.icons-flag-7-grey {
+.icons-flag-6-grey {
   background-position: -195px -90px;
 }
 
-.icons-flag-ghost-grey {
+.icons-flag-7-grey {
   background-position: -210px -90px;
 }
 
-.icons-flag-grey {
+.icons-flag-ghost-grey {
   background-position: -225px -90px;
 }
 
-.icons-folder-open-grey {
+.icons-flag-grey {
   background-position: 0px -105px;
 }
 
-.icons-fork-grey {
+.icons-folder-open-grey {
   background-position: -15px -105px;
 }
 
-.icons-forward-grey {
+.icons-fork-grey {
   background-position: -30px -105px;
 }
 
-.icons-herald-grey {
+.icons-forward-grey {
   background-position: -45px -105px;
 }
 
-.icons-highlight-grey {
+.icons-herald-grey {
   background-position: -60px -105px;
 }
 
-.icons-history-grey {
+.icons-highlight-grey {
   background-position: -75px -105px;
 }
 
-.icons-home-grey {
+.icons-history-grey {
   background-position: -90px -105px;
 }
 
-.icons-image-grey {
+.icons-home-grey {
   background-position: -105px -105px;
 }
 
-.icons-like-grey {
+.icons-image-grey {
   background-position: -120px -105px;
 }
 
-.icons-link-grey {
+.icons-like-grey {
   background-position: -135px -105px;
 }
 
-.icons-lint-info-grey {
+.icons-link-grey {
   background-position: -150px -105px;
 }
 
-.icons-lint-ok-grey {
+.icons-lint-info-grey {
   background-position: -165px -105px;
 }
 
-.icons-lint-warning-grey {
+.icons-lint-ok-grey {
   background-position: -180px -105px;
 }
 
-.icons-lock-grey {
+.icons-lint-warning-grey {
   background-position: -195px -105px;
 }
 
-.icons-love-grey {
+.icons-lock-grey {
   background-position: -210px -105px;
 }
 
-.icons-lower-priority-grey {
+.icons-love-grey {
   background-position: -225px -105px;
 }
 
-.icons-merge-grey {
+.icons-lower-priority-grey {
   background-position: 0px -120px;
 }
 
-.icons-message-grey {
+.icons-merge-grey {
   background-position: -15px -120px;
 }
 
-.icons-meta-mta-grey {
+.icons-message-grey {
   background-position: -30px -120px;
 }
 
-.icons-move-grey {
+.icons-meta-mta-grey {
   background-position: -45px -120px;
 }
 
-.icons-music-grey {
+.icons-move-grey {
   background-position: -60px -120px;
 }
 
-.icons-new-grey {
+.icons-music-grey {
   background-position: -75px -120px;
 }
 
-.icons-none-grey {
+.icons-new-grey {
   background-position: -90px -120px;
 }
 
-.icons-normal-priority-grey {
+.icons-none-grey {
   background-position: -105px -120px;
 }
 
-.icons-octocat-grey {
+.icons-normal-priority-grey {
   background-position: -120px -120px;
 }
 
-.icons-ok-grey {
+.icons-octocat-grey {
   background-position: -135px -120px;
 }
 
-.icons-pause-grey {
+.icons-ok-grey {
   background-position: -150px -120px;
 }
 
-.icons-perflab-grey {
+.icons-pause-grey {
   background-position: -165px -120px;
 }
 
-.icons-play-grey {
+.icons-perflab-grey {
   background-position: -180px -120px;
 }
 
-.icons-popout-grey {
+.icons-play-grey {
   background-position: -195px -120px;
 }
 
-.icons-preview-grey {
+.icons-popout-grey {
   background-position: -210px -120px;
 }
 
-.icons-project-grey {
+.icons-preview-grey {
   background-position: -225px -120px;
 }
 
-.icons-raise-priority-grey {
+.icons-project-grey {
   background-position: 0px -135px;
 }
 
-.icons-refresh-grey {
+.icons-raise-priority-grey {
   background-position: -15px -135px;
 }
 
-.icons-remove-grey {
+.icons-refresh-grey {
   background-position: -30px -135px;
 }
 
-.icons-search-grey {
+.icons-remove-grey {
   background-position: -45px -135px;
 }
 
-.icons-start-sandcastle-grey {
+.icons-search-grey {
   background-position: -60px -135px;
 }
 
-.icons-stop-grey {
+.icons-start-sandcastle-grey {
   background-position: -75px -135px;
 }
 
-.icons-tag-grey {
+.icons-stop-grey {
   background-position: -90px -135px;
 }
 
-.icons-transcript-grey {
+.icons-tag-grey {
   background-position: -105px -135px;
 }
 
-.icons-undo-grey {
+.icons-transcript-grey {
   background-position: -120px -135px;
 }
 
-.icons-unlock-grey {
+.icons-undo-grey {
   background-position: -135px -135px;
 }
 
-.icons-unmerge-grey {
+.icons-unlock-grey {
   background-position: -150px -135px;
 }
 
-.icons-unpublish-grey {
+.icons-unmerge-grey {
   background-position: -165px -135px;
 }
 
-.icons-upload-grey {
+.icons-unpublish-grey {
   background-position: -180px -135px;
 }
 
-.icons-user-grey {
+.icons-upload-grey {
   background-position: -195px -135px;
 }
 
-.icons-warning-grey {
+.icons-user-grey {
   background-position: -210px -135px;
 }
 
-.icons-world-grey {
+.icons-warning-grey {
   background-position: -225px -135px;
 }
 
-.icons-wrench-grey {
+.icons-workboard-grey {
   background-position: 0px -150px;
 }
 
-.icons-zip-grey {
+.icons-world-grey {
   background-position: -15px -150px;
 }
 
-.icons-action-menu-white, .device-desktop .phabricator-action-view:hover .icons-action-menu, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-action-menu {
+.icons-wrench-grey {
   background-position: -30px -150px;
 }
 
-.icons-arrow_left-white, .device-desktop .phabricator-action-view:hover .icons-arrow_left, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_left {
+.icons-zip-grey {
   background-position: -45px -150px;
 }
 
-.icons-arrow_right-white, .device-desktop .phabricator-action-view:hover .icons-arrow_right, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_right {
+.icons-action-menu-white, .device-desktop .phabricator-action-view:hover .icons-action-menu, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-action-menu {
   background-position: -60px -150px;
 }
 
-.icons-attach-white, .device-desktop .phabricator-action-view:hover .icons-attach, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-attach {
+.icons-arrow_left-white, .device-desktop .phabricator-action-view:hover .icons-arrow_left, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_left {
   background-position: -75px -150px;
 }
 
-.icons-backward-white, .device-desktop .phabricator-action-view:hover .icons-backward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-backward {
+.icons-arrow_right-white, .device-desktop .phabricator-action-view:hover .icons-arrow_right, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-arrow_right {
   background-position: -90px -150px;
 }
 
-.icons-blame-white, .device-desktop .phabricator-action-view:hover .icons-blame, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-blame {
+.icons-attach-white, .device-desktop .phabricator-action-view:hover .icons-attach, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-attach {
   background-position: -105px -150px;
 }
 
-.icons-calendar-white, .device-desktop .phabricator-action-view:hover .icons-calendar, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-calendar {
+.icons-backward-white, .device-desktop .phabricator-action-view:hover .icons-backward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-backward {
   background-position: -120px -150px;
 }
 
-.icons-check-white, .device-desktop .phabricator-action-view:hover .icons-check, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-check {
+.icons-blame-white, .device-desktop .phabricator-action-view:hover .icons-blame, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-blame {
   background-position: -135px -150px;
 }
 
-.icons-comment-white, .device-desktop .phabricator-action-view:hover .icons-comment, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-comment {
+.icons-calendar-white, .device-desktop .phabricator-action-view:hover .icons-calendar, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-calendar {
   background-position: -150px -150px;
 }
 
-.icons-computer-white, .device-desktop .phabricator-action-view:hover .icons-computer, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-computer {
+.icons-check-white, .device-desktop .phabricator-action-view:hover .icons-check, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-check {
   background-position: -165px -150px;
 }
 
-.icons-create-white, .device-desktop .phabricator-action-view:hover .icons-create, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-create {
+.icons-comment-white, .device-desktop .phabricator-action-view:hover .icons-comment, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-comment {
   background-position: -180px -150px;
 }
 
-.icons-data-white, .device-desktop .phabricator-action-view:hover .icons-data, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-data {
+.icons-computer-white, .device-desktop .phabricator-action-view:hover .icons-computer, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-computer {
   background-position: -195px -150px;
 }
 
-.icons-delete-white, .device-desktop .phabricator-action-view:hover .icons-delete, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-delete {
+.icons-create-white, .device-desktop .phabricator-action-view:hover .icons-create, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-create {
   background-position: -210px -150px;
 }
 
-.icons-disable-white, .device-desktop .phabricator-action-view:hover .icons-disable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-disable {
+.icons-data-white, .device-desktop .phabricator-action-view:hover .icons-data, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-data {
   background-position: -225px -150px;
 }
 
-.icons-dislike-white, .device-desktop .phabricator-action-view:hover .icons-dislike, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-dislike {
+.icons-delete-white, .device-desktop .phabricator-action-view:hover .icons-delete, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-delete {
   background-position: 0px -165px;
 }
 
-.icons-download-alt-white, .device-desktop .phabricator-action-view:hover .icons-download-alt, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download-alt {
+.icons-disable-white, .device-desktop .phabricator-action-view:hover .icons-disable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-disable {
   background-position: -15px -165px;
 }
 
-.icons-download-white, .device-desktop .phabricator-action-view:hover .icons-download, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download {
+.icons-dislike-white, .device-desktop .phabricator-action-view:hover .icons-dislike, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-dislike {
   background-position: -30px -165px;
 }
 
-.icons-edit-white, .device-desktop .phabricator-action-view:hover .icons-edit, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-edit {
+.icons-download-alt-white, .device-desktop .phabricator-action-view:hover .icons-download-alt, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download-alt {
   background-position: -45px -165px;
 }
 
-.icons-enable-white, .device-desktop .phabricator-action-view:hover .icons-enable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-enable {
+.icons-download-white, .device-desktop .phabricator-action-view:hover .icons-download, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-download {
   background-position: -60px -165px;
 }
 
-.icons-file-white, .device-desktop .phabricator-action-view:hover .icons-file, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-file {
+.icons-edit-white, .device-desktop .phabricator-action-view:hover .icons-edit, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-edit {
   background-position: -75px -165px;
 }
 
-.icons-film-white, .device-desktop .phabricator-action-view:hover .icons-film, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-film {
+.icons-enable-white, .device-desktop .phabricator-action-view:hover .icons-enable, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-enable {
   background-position: -90px -165px;
 }
 
-.icons-flag-0-white, .device-desktop .phabricator-action-view:hover .icons-flag-0, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-0 {
+.icons-file-white, .device-desktop .phabricator-action-view:hover .icons-file, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-file {
   background-position: -105px -165px;
 }
 
-.icons-flag-1-white, .device-desktop .phabricator-action-view:hover .icons-flag-1, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-1 {
+.icons-film-white, .device-desktop .phabricator-action-view:hover .icons-film, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-film {
   background-position: -120px -165px;
 }
 
-.icons-flag-2-white, .device-desktop .phabricator-action-view:hover .icons-flag-2, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-2 {
+.icons-flag-0-white, .device-desktop .phabricator-action-view:hover .icons-flag-0, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-0 {
   background-position: -135px -165px;
 }
 
-.icons-flag-3-white, .device-desktop .phabricator-action-view:hover .icons-flag-3, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-3 {
+.icons-flag-1-white, .device-desktop .phabricator-action-view:hover .icons-flag-1, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-1 {
   background-position: -150px -165px;
 }
 
-.icons-flag-4-white, .device-desktop .phabricator-action-view:hover .icons-flag-4, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-4 {
+.icons-flag-2-white, .device-desktop .phabricator-action-view:hover .icons-flag-2, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-2 {
   background-position: -165px -165px;
 }
 
-.icons-flag-5-white, .device-desktop .phabricator-action-view:hover .icons-flag-5, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-5 {
+.icons-flag-3-white, .device-desktop .phabricator-action-view:hover .icons-flag-3, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-3 {
   background-position: -180px -165px;
 }
 
-.icons-flag-6-white, .device-desktop .phabricator-action-view:hover .icons-flag-6, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-6 {
+.icons-flag-4-white, .device-desktop .phabricator-action-view:hover .icons-flag-4, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-4 {
   background-position: -195px -165px;
 }
 
-.icons-flag-7-white, .device-desktop .phabricator-action-view:hover .icons-flag-7, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-7 {
+.icons-flag-5-white, .device-desktop .phabricator-action-view:hover .icons-flag-5, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-5 {
   background-position: -210px -165px;
 }
 
-.icons-flag-ghost-white, .device-desktop .phabricator-action-view:hover .icons-flag-ghost, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-ghost {
+.icons-flag-6-white, .device-desktop .phabricator-action-view:hover .icons-flag-6, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-6 {
   background-position: -225px -165px;
 }
 
-.icons-flag-white, .device-desktop .phabricator-action-view:hover .icons-flag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag {
+.icons-flag-7-white, .device-desktop .phabricator-action-view:hover .icons-flag-7, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-7 {
   background-position: 0px -180px;
 }
 
-.icons-folder-open-white, .device-desktop .phabricator-action-view:hover .icons-folder-open, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-folder-open {
+.icons-flag-ghost-white, .device-desktop .phabricator-action-view:hover .icons-flag-ghost, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag-ghost {
   background-position: -15px -180px;
 }
 
-.icons-fork-white, .device-desktop .phabricator-action-view:hover .icons-fork, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-fork {
+.icons-flag-white, .device-desktop .phabricator-action-view:hover .icons-flag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-flag {
   background-position: -30px -180px;
 }
 
-.icons-forward-white, .device-desktop .phabricator-action-view:hover .icons-forward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-forward {
+.icons-folder-open-white, .device-desktop .phabricator-action-view:hover .icons-folder-open, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-folder-open {
   background-position: -45px -180px;
 }
 
-.icons-herald-white, .device-desktop .phabricator-action-view:hover .icons-herald, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-herald {
+.icons-fork-white, .device-desktop .phabricator-action-view:hover .icons-fork, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-fork {
   background-position: -60px -180px;
 }
 
-.icons-highlight-white, .device-desktop .phabricator-action-view:hover .icons-highlight, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-highlight {
+.icons-forward-white, .device-desktop .phabricator-action-view:hover .icons-forward, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-forward {
   background-position: -75px -180px;
 }
 
-.icons-history-white, .device-desktop .phabricator-action-view:hover .icons-history, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-history {
+.icons-herald-white, .device-desktop .phabricator-action-view:hover .icons-herald, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-herald {
   background-position: -90px -180px;
 }
 
-.icons-home-white, .device-desktop .phabricator-action-view:hover .icons-home, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-home {
+.icons-highlight-white, .device-desktop .phabricator-action-view:hover .icons-highlight, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-highlight {
   background-position: -105px -180px;
 }
 
-.icons-image-white, .device-desktop .phabricator-action-view:hover .icons-image, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-image {
+.icons-history-white, .device-desktop .phabricator-action-view:hover .icons-history, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-history {
   background-position: -120px -180px;
 }
 
-.icons-like-white, .device-desktop .phabricator-action-view:hover .icons-like, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-like {
+.icons-home-white, .device-desktop .phabricator-action-view:hover .icons-home, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-home {
   background-position: -135px -180px;
 }
 
-.icons-link-white, .device-desktop .phabricator-action-view:hover .icons-link, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-link {
+.icons-image-white, .device-desktop .phabricator-action-view:hover .icons-image, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-image {
   background-position: -150px -180px;
 }
 
-.icons-lint-info-white, .device-desktop .phabricator-action-view:hover .icons-lint-info, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-info {
+.icons-like-white, .device-desktop .phabricator-action-view:hover .icons-like, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-like {
   background-position: -165px -180px;
 }
 
-.icons-lint-ok-white, .device-desktop .phabricator-action-view:hover .icons-lint-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-ok {
+.icons-link-white, .device-desktop .phabricator-action-view:hover .icons-link, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-link {
   background-position: -180px -180px;
 }
 
-.icons-lint-warning-white, .device-desktop .phabricator-action-view:hover .icons-lint-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-warning {
+.icons-lint-info-white, .device-desktop .phabricator-action-view:hover .icons-lint-info, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-info {
   background-position: -195px -180px;
 }
 
-.icons-lock-white, .device-desktop .phabricator-action-view:hover .icons-lock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lock {
+.icons-lint-ok-white, .device-desktop .phabricator-action-view:hover .icons-lint-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-ok {
   background-position: -210px -180px;
 }
 
-.icons-love-white, .device-desktop .phabricator-action-view:hover .icons-love, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-love {
+.icons-lint-warning-white, .device-desktop .phabricator-action-view:hover .icons-lint-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lint-warning {
   background-position: -225px -180px;
 }
 
-.icons-lower-priority-white, .device-desktop .phabricator-action-view:hover .icons-lower-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lower-priority {
+.icons-lock-white, .device-desktop .phabricator-action-view:hover .icons-lock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lock {
   background-position: 0px -195px;
 }
 
-.icons-merge-white, .device-desktop .phabricator-action-view:hover .icons-merge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-merge {
+.icons-love-white, .device-desktop .phabricator-action-view:hover .icons-love, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-love {
   background-position: -15px -195px;
 }
 
-.icons-message-white, .device-desktop .phabricator-action-view:hover .icons-message, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-message {
+.icons-lower-priority-white, .device-desktop .phabricator-action-view:hover .icons-lower-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-lower-priority {
   background-position: -30px -195px;
 }
 
-.icons-meta-mta-white, .device-desktop .phabricator-action-view:hover .icons-meta-mta, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-meta-mta {
+.icons-merge-white, .device-desktop .phabricator-action-view:hover .icons-merge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-merge {
   background-position: -45px -195px;
 }
 
-.icons-move-white, .device-desktop .phabricator-action-view:hover .icons-move, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-move {
+.icons-message-white, .device-desktop .phabricator-action-view:hover .icons-message, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-message {
   background-position: -60px -195px;
 }
 
-.icons-music-white, .device-desktop .phabricator-action-view:hover .icons-music, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-music {
+.icons-meta-mta-white, .device-desktop .phabricator-action-view:hover .icons-meta-mta, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-meta-mta {
   background-position: -75px -195px;
 }
 
-.icons-new-white, .device-desktop .phabricator-action-view:hover .icons-new, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-new {
+.icons-move-white, .device-desktop .phabricator-action-view:hover .icons-move, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-move {
   background-position: -90px -195px;
 }
 
-.icons-none-white, .device-desktop .phabricator-action-view:hover .icons-none, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-none {
+.icons-music-white, .device-desktop .phabricator-action-view:hover .icons-music, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-music {
   background-position: -105px -195px;
 }
 
-.icons-normal-priority-white, .device-desktop .phabricator-action-view:hover .icons-normal-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-normal-priority {
+.icons-new-white, .device-desktop .phabricator-action-view:hover .icons-new, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-new {
   background-position: -120px -195px;
 }
 
-.icons-octocat-white, .device-desktop .phabricator-action-view:hover .icons-octocat, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-octocat {
+.icons-none-white, .device-desktop .phabricator-action-view:hover .icons-none, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-none {
   background-position: -135px -195px;
 }
 
-.icons-ok-white, .device-desktop .phabricator-action-view:hover .icons-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-ok {
+.icons-normal-priority-white, .device-desktop .phabricator-action-view:hover .icons-normal-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-normal-priority {
   background-position: -150px -195px;
 }
 
-.icons-pause-white, .device-desktop .phabricator-action-view:hover .icons-pause, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-pause {
+.icons-octocat-white, .device-desktop .phabricator-action-view:hover .icons-octocat, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-octocat {
   background-position: -165px -195px;
 }
 
-.icons-perflab-white, .device-desktop .phabricator-action-view:hover .icons-perflab, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-perflab {
+.icons-ok-white, .device-desktop .phabricator-action-view:hover .icons-ok, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-ok {
   background-position: -180px -195px;
 }
 
-.icons-play-white, .device-desktop .phabricator-action-view:hover .icons-play, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-play {
+.icons-pause-white, .device-desktop .phabricator-action-view:hover .icons-pause, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-pause {
   background-position: -195px -195px;
 }
 
-.icons-popout-white, .device-desktop .phabricator-action-view:hover .icons-popout, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-popout {
+.icons-perflab-white, .device-desktop .phabricator-action-view:hover .icons-perflab, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-perflab {
   background-position: -210px -195px;
 }
 
-.icons-preview-white, .device-desktop .phabricator-action-view:hover .icons-preview, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-preview {
+.icons-play-white, .device-desktop .phabricator-action-view:hover .icons-play, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-play {
   background-position: -225px -195px;
 }
 
-.icons-project-white, .device-desktop .phabricator-action-view:hover .icons-project, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-project {
+.icons-popout-white, .device-desktop .phabricator-action-view:hover .icons-popout, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-popout {
   background-position: 0px -210px;
 }
 
-.icons-raise-priority-white, .device-desktop .phabricator-action-view:hover .icons-raise-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-raise-priority {
+.icons-preview-white, .device-desktop .phabricator-action-view:hover .icons-preview, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-preview {
   background-position: -15px -210px;
 }
 
-.icons-refresh-white, .device-desktop .phabricator-action-view:hover .icons-refresh, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-refresh {
+.icons-project-white, .device-desktop .phabricator-action-view:hover .icons-project, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-project {
   background-position: -30px -210px;
 }
 
-.icons-remove-white, .device-desktop .phabricator-action-view:hover .icons-remove, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-remove {
+.icons-raise-priority-white, .device-desktop .phabricator-action-view:hover .icons-raise-priority, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-raise-priority {
   background-position: -45px -210px;
 }
 
-.icons-search-white, .device-desktop .phabricator-action-view:hover .icons-search, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-search {
+.icons-refresh-white, .device-desktop .phabricator-action-view:hover .icons-refresh, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-refresh {
   background-position: -60px -210px;
 }
 
-.icons-start-sandcastle-white, .device-desktop .phabricator-action-view:hover .icons-start-sandcastle, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-start-sandcastle {
+.icons-remove-white, .device-desktop .phabricator-action-view:hover .icons-remove, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-remove {
   background-position: -75px -210px;
 }
 
-.icons-stop-white, .device-desktop .phabricator-action-view:hover .icons-stop, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-stop {
+.icons-search-white, .device-desktop .phabricator-action-view:hover .icons-search, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-search {
   background-position: -90px -210px;
 }
 
-.icons-tag-white, .device-desktop .phabricator-action-view:hover .icons-tag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-tag {
+.icons-start-sandcastle-white, .device-desktop .phabricator-action-view:hover .icons-start-sandcastle, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-start-sandcastle {
   background-position: -105px -210px;
 }
 
-.icons-transcript-white, .device-desktop .phabricator-action-view:hover .icons-transcript, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-transcript {
+.icons-stop-white, .device-desktop .phabricator-action-view:hover .icons-stop, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-stop {
   background-position: -120px -210px;
 }
 
-.icons-undo-white, .device-desktop .phabricator-action-view:hover .icons-undo, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-undo {
+.icons-tag-white, .device-desktop .phabricator-action-view:hover .icons-tag, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-tag {
   background-position: -135px -210px;
 }
 
-.icons-unlock-white, .device-desktop .phabricator-action-view:hover .icons-unlock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unlock {
+.icons-transcript-white, .device-desktop .phabricator-action-view:hover .icons-transcript, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-transcript {
   background-position: -150px -210px;
 }
 
-.icons-unmerge-white, .device-desktop .phabricator-action-view:hover .icons-unmerge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unmerge {
+.icons-undo-white, .device-desktop .phabricator-action-view:hover .icons-undo, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-undo {
   background-position: -165px -210px;
 }
 
-.icons-unpublish-white, .device-desktop .phabricator-action-view:hover .icons-unpublish, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unpublish {
+.icons-unlock-white, .device-desktop .phabricator-action-view:hover .icons-unlock, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unlock {
   background-position: -180px -210px;
 }
 
-.icons-upload-white, .device-desktop .phabricator-action-view:hover .icons-upload, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-upload {
+.icons-unmerge-white, .device-desktop .phabricator-action-view:hover .icons-unmerge, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unmerge {
   background-position: -195px -210px;
 }
 
-.icons-user-white, .device-desktop .phabricator-action-view:hover .icons-user, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-user {
+.icons-unpublish-white, .device-desktop .phabricator-action-view:hover .icons-unpublish, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-unpublish {
   background-position: -210px -210px;
 }
 
-.icons-warning-white, .device-desktop .phabricator-action-view:hover .icons-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-warning {
+.icons-upload-white, .device-desktop .phabricator-action-view:hover .icons-upload, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-upload {
   background-position: -225px -210px;
 }
 
-.icons-world-white, .device-desktop .phabricator-action-view:hover .icons-world, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-world {
+.icons-user-white, .device-desktop .phabricator-action-view:hover .icons-user, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-user {
   background-position: 0px -225px;
 }
 
-.icons-wrench-white, .device-desktop .phabricator-action-view:hover .icons-wrench, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-wrench {
+.icons-warning-white, .device-desktop .phabricator-action-view:hover .icons-warning, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-warning {
   background-position: -15px -225px;
 }
 
-.icons-zip-white, .device-desktop .phabricator-action-view:hover .icons-zip, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-zip {
+.icons-workboard-white, .device-desktop .phabricator-action-view:hover .icons-workboard, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-workboard {
   background-position: -30px -225px;
 }
 
-.remarkup-assist-b {
+.icons-world-white, .device-desktop .phabricator-action-view:hover .icons-world, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-world {
   background-position: -45px -225px;
 }
 
-.remarkup-assist-code {
+.icons-wrench-white, .device-desktop .phabricator-action-view:hover .icons-wrench, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-wrench {
   background-position: -60px -225px;
 }
 
-.remarkup-assist-fullscreen {
+.icons-zip-white, .device-desktop .phabricator-action-view:hover .icons-zip, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-zip {
   background-position: -75px -225px;
 }
 
-.remarkup-control-fullscreen-mode .remarkup-assist-fullscreen {
+.remarkup-assist-b {
   background-position: -90px -225px;
 }
 
-.remarkup-assist-help {
+.remarkup-assist-code {
   background-position: -105px -225px;
 }
 
-.remarkup-assist-i {
+.remarkup-assist-fullscreen {
   background-position: -120px -225px;
 }
 
-.remarkup-assist-image {
+.remarkup-control-fullscreen-mode .remarkup-assist-fullscreen {
   background-position: -135px -225px;
 }
 
-.remarkup-assist-larger {
+.remarkup-assist-help {
   background-position: -150px -225px;
 }
 
-.remarkup-assist-link {
+.remarkup-assist-i {
   background-position: -165px -225px;
 }
 
-.remarkup-assist-meme {
+.remarkup-assist-image {
   background-position: -180px -225px;
 }
 
-.remarkup-assist-ol {
+.remarkup-assist-larger {
   background-position: -195px -225px;
 }
 
-.remarkup-assist-table {
+.remarkup-assist-link {
   background-position: -210px -225px;
 }
 
-.remarkup-assist-tag {
+.remarkup-assist-meme {
   background-position: -225px -225px;
 }
 
-.remarkup-assist-tt {
+.remarkup-assist-ol {
   background-position: 0px -240px;
 }
 
-.remarkup-assist-ul {
+.remarkup-assist-table {
   background-position: -15px -240px;
 }
+
+.remarkup-assist-tag {
+  background-position: -30px -240px;
+}
+
+.remarkup-assist-tt {
+  background-position: -45px -240px;
+}
+
+.remarkup-assist-ul {
+  background-position: -60px -240px;
+}