diff --git a/src/applications/auth/view/PhabricatorAuthAccountView.php b/src/applications/auth/view/PhabricatorAuthAccountView.php
index 13574a9b6a..8eb73144aa 100644
--- a/src/applications/auth/view/PhabricatorAuthAccountView.php
+++ b/src/applications/auth/view/PhabricatorAuthAccountView.php
@@ -1,107 +1,116 @@
 <?php
 
 final class PhabricatorAuthAccountView extends AphrontView {
 
   private $externalAccount;
   private $provider;
 
   public function setExternalAccount(
     PhabricatorExternalAccount $external_account) {
     $this->externalAccount = $external_account;
     return $this;
   }
 
   public function setAuthProvider(PhabricatorAuthProvider $provider) {
     $this->provider = $provider;
     return $this;
   }
 
   public function render() {
     $account = $this->externalAccount;
     $provider = $this->provider;
 
     require_celerity_resource('auth-css');
 
     $content = array();
 
     $dispname = $account->getDisplayName();
     $username = $account->getUsername();
     $realname = $account->getRealName();
 
     $use_name = null;
     if (strlen($dispname)) {
       $use_name = $dispname;
     } else if (strlen($username) && strlen($realname)) {
       $use_name = $username.' ('.$realname.')';
     } else if (strlen($username)) {
       $use_name = $username;
     } else if (strlen($realname)) {
       $use_name = $realname;
     } else {
       $use_name = $account->getAccountID();
     }
 
     $content[] = phutil_tag(
       'div',
       array(
         'class' => 'auth-account-view-name',
       ),
       $use_name);
 
     if ($provider) {
       $prov_name = pht('%s Account', $provider->getProviderName());
     } else {
       $prov_name = pht('"%s" Account', $account->getProviderType());
     }
 
     $content[] = phutil_tag(
       'div',
       array(
         'class' => 'auth-account-view-provider-name',
       ),
       array(
         $prov_name,
         " \xC2\xB7 ",
         $account->getAccountID(),
       ));
 
     $account_uri = $account->getAccountURI();
     if (strlen($account_uri)) {
 
       // Make sure we don't link a "javascript:" URI if a user somehow
       // managed to get one here.
 
       if (PhabricatorEnv::isValidRemoteURIForLink($account_uri)) {
         $account_uri = phutil_tag(
           'a',
           array(
             'href' => $account_uri,
             'target' => '_blank',
           ),
           $account_uri);
       }
 
       $content[] = phutil_tag(
         'div',
         array(
           'class' => 'auth-account-view-account-uri',
         ),
         $account_uri);
     }
 
     $image_file = $account->getProfileImageFile();
     $xform = PhabricatorFileTransform::getTransformByKey(
       PhabricatorFileThumbnailTransform::TRANSFORM_PROFILE);
     $image_uri = $image_file->getURIForTransform($xform);
     list($x, $y) = $xform->getTransformedDimensions($image_file);
 
+    $profile_image = phutil_tag(
+      'div',
+      array(
+        'class' => 'auth-account-view-profile-image',
+        'style' => 'background-image: url('.$image_uri.');',
+      ));
+
     return phutil_tag(
       'div',
       array(
         'class' => 'auth-account-view',
-        'style' => 'background-image: url('.$image_uri.');',
       ),
-      $content);
+      array(
+        $profile_image,
+        $content,
+      ));
   }
 
 }
diff --git a/webroot/rsrc/css/application/auth/auth.css b/webroot/rsrc/css/application/auth/auth.css
index 8211eb1484..07eaccd46c 100644
--- a/webroot/rsrc/css/application/auth/auth.css
+++ b/webroot/rsrc/css/application/auth/auth.css
@@ -1,43 +1,52 @@
 /**
  * @provides auth-css
  */
 
 .phabricator-login-buttons {
   max-width: 508px;
   margin: 16px auto;
 }
 
 .phabricator-login-buttons .phabricator-login-button .button {
   width: 246px;
 }
 
 .device-desktop .phabricator-login-buttons .aphront-multi-column-column-last {
   text-align: right;
 }
 
 .device .phabricator-login-buttons {
   text-align: center;
 }
 
 .phabricator-link-button {
   text-align: center;
 }
 
 .auth-account-view {
   background-color: #fff;
   border: 1px solid {$lightblueborder};
-  background-repeat: no-repeat;
-  background-position: 4px 4px;
-  background-size: 50px 50px;
-  padding: 4px 4px 4px 62px;
-  min-height: 50px;
   border-radius: 2px;
+  min-height: 50px;
+  position: relative;
+  padding: 4px 4px 4px 64px;
+}
+
+.auth-account-view-profile-image {
+  width: 50px;
+  height: 50px;
+  top: 4px;
+  left: 4px;
+
+  background-repeat: no-repeat;
+  background-size: 100%;
+  position: absolute;
 }
 
 .auth-account-view-name {
   font-weight: bold;
 }
 
 .auth-account-view-provider-name {
   color: {$lightgreytext};
 }
diff --git a/webroot/rsrc/css/application/conpherence/message-pane.css b/webroot/rsrc/css/application/conpherence/message-pane.css
index e702b34083..c4b7228ac7 100644
--- a/webroot/rsrc/css/application/conpherence/message-pane.css
+++ b/webroot/rsrc/css/application/conpherence/message-pane.css
@@ -1,345 +1,345 @@
 /**
  * @provides conpherence-message-pane-css
  */
 
 .conpherence-message-pane,
 .loading .messages-loading-mask,
 .loading .messages-loading-icon,
 .conpherence-layout .conpherence-no-threads {
   position: fixed;
   left: 241px;
   right: 241px;
   top: 76px;
   bottom: 0px;
   min-width: 300px;
   width: auto;
 }
 
 .device .conpherence-message-pane,
 .device .loading .messages-loading-mask,
 .device .loading .messages-loading-icon,
 .device .conpherence-layout .conpherence-no-threads {
   left: 0;
   right: 0;
   width: 100%;
 }
 
 .conpherence-layout .conpherence-no-threads {
   text-align: center;
 }
 
 .conpherence-layout .conpherence-no-threads .text {
   margin: 16px 0px 16px 0px;
 }
 
 .conpherence-layout .phui-crumbs-view {
   padding: 0 0 0 8px;
   background: #EBECEE;
 }
 
 .conpherence-show-more-messages {
   display: block;
   background: #e0e3ec;
   margin: 10px;
   text-align: center;
   padding: 10px;
   color: {$bluetext};
 }
 
 .conpherence-show-more-messages-loading {
   font-style: italic;
 }
 
 .conpherence-message-pane .conpherence-messages {
   position: fixed;
   left: 241px;
   right: 241px;
   top: 76px;
   bottom: 172px;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
 
 .page-has-warning .conpherence-message-pane .conpherence-messages {
   top: 110px;
 }
 
 .conpherence-messages.jx-scrollbar-frame {
   overflow-y: hidden;
 }
 
 .conpherence-messages .jx-scrollbar-content > .conpherence-edited:first-child,
 .conpherence-messages > .conpherence-edited:first-child {
   padding-top: 20px;
 }
 
 .conpherence-messages > .jx-scrollbar-content .conpherence-edited:last-child,
 .conpherence-messages > .conpherence-edited:last-child {
   padding-bottom: 20px;
 }
 
 .conpherence-message-pane .conpherence-edited + .date-marker  {
   margin-top: 24px;
 }
 
 .device .conpherence-message-pane .conpherence-messages {
   left: 0;
   right: 0;
   bottom: 52px;
   width: 100%;
   box-shadow: none;
 }
 
 .conpherence-message-pane .messages-loading-mask {
   opacity: .6;
   background: #fff;
   display: none;
 }
 
 .loading .messages-loading-mask {
   display: block;
 }
 
 .conpherence-message-pane .phui-form-view {
   border-width: 0;
   background-color: {$lightgreybackground};
   height: 156px;
   padding: 8px;
   position: fixed;
   bottom: 0;
   border-top: 1px solid {$thinblueborder};
   left: 241px;
   right: 241px;
 }
 
 .conpherence-message-pane .phui-form-view.login-to-participate {
   height: 28px;
 }
 
 .conpherence-message-pane .login-to-participate a.button {
   float: right;
 }
 
 .conpherence-message-pane .aphront-form-control-submit button,
 .conpherence-message-pane .aphront-form-control-submit a.button {
   margin-top: 6px;
 }
 
 /**
  * When entering "Fullscreen Mode" in the remarkup control, we need to drop
  * all of the "position: fixed" on parent elements or Chrome doesn't put the
  * textarea on top.
  */
 .remarkup-fullscreen-mode .conpherence-message-pane,
 .remarkup-fullscreen-mode .conpherence-message-pane .conpherence-messages,
 .remarkup-fullscreen-mode .conpherence-message-pane .phui-form-view,
 .remarkup-fullscreen-mode .conpherence-layout {
   position: static;
 }
 
 .conpherence-message-pane .remarkup-assist-bar {
   border-color: {$lightblueborder};
 }
 
 .device .conpherence-message-pane .remarkup-assist-bar {
   display: none;
 }
 
 .device .conpherence-message-pane .phui-form-view {
   left: 0;
   right: 0;
   height: 34px;
   width: auto;
 }
 
 .conpherence-layout .conpherence-message-pane .phui-form-view
   div.aphront-form-input {
   margin: 0;
   width: 100%;
 }
 
 .conpherence-message-pane .conpherence-transaction-view {
   padding: 2px 0px;
   margin: 4px 12px;
-  background-size: 35px;
+  background-size: 100%;
   min-height: auto;
 }
 
 .device-phone .conpherence-message-pane .conpherence-transaction-view {
   margin: 0 8px;
 }
 
 .conpherence-message-pane .conpherence-transaction-image {
   float: left;
   border-radius: 3px;
   height: 35px;
   width: 35px;
   background-size: 35px;
   position: absolute;
   top: 5px;
 }
 
 .device-phone .conpherence-message-pane .conpherence-transaction-image {
   display: none;
 }
 
 .conpherence-message-pane .conpherence-comment.anchor-target,
 .conpherence-message-pane .conpherence-edited.anchor-target {
   background: {$lightyellow};
 }
 
 .conpherence-message-pane .conpherence-comment.anchor-target {
   margin: 4px 8px 4px 8px;
   padding: 2px 4px 2px 4px;
 }
 
 .conpherence-message-pane .conpherence-edited.anchor-target {
   margin: 0px 8px 0px 8px;
   padding: 0px 4px 0px 4px;
 }
 
 .conpherence-message-pane .conpherence-transaction-detail {
   border-width: 0;
   margin-left: 45px;
 }
 
 .device-phone .conpherence-message-pane .conpherence-transaction-detail {
   margin: 0;
 }
 
 .conpherence-message-pane .conpherence-transaction-view.date-marker {
   padding: 0;
   margin: 20px 12px 4px;
   min-height: auto;
 }
 
 .device-phone .conpherence-message-pane
 .conpherence-transaction-view.date-marker {
   margin: 12px 0 4px;
 }
 
 .device-tablet .conpherence-message-pane
   .conpherence-transaction-view.date-marker {
     padding-left: 37px;
 }
 
 .conpherence-message-pane .conpherence-transaction-view.date-marker
   .date {
     left: 40px;
     font-size: 13px;
     padding: 0px 4px;
 }
 
 .device .conpherence-message-pane .conpherence-transaction-view.date-marker
   .date {
     color: {$lightbluetext};
     left: 4px;
 }
 
 .device-phone .conpherence-message-pane .conpherence-edited {
   min-height: none;
   color: {$lightgreytext};
   margin: 0 8px;
 }
 
 .conpherence-message-pane .conpherence-edited .conpherence-transaction-content {
   color: {$lightgreytext};
   font-size: 13px;
   margin: 0;
   padding: 0;
   float: left;
 }
 
 .conpherence-message-pane .conpherence-edited {
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
   min-height: inherit;
 }
 
 .conpherence-message-pane .conpherence-edited + .conpherence-comment {
   margin-top: 16px;
 }
 
 .conpherence-transaction-view.conpherence-edited +
   .conpherence-transaction-view.date-marker {
     margin-top: 24px;
 }
 
 .conpherence-message-pane .conpherence-edited .conpherence-transaction-header {
   float: right;
 }
 
 .conpherence-message-pane .conpherence-edited
   .conpherence-transaction-content a {
   color: {$darkbluetext};
 }
 
 .device-phone .conpherence-message-pane .conpherence-transaction-info {
   display: none;
 }
 
 .conpherence-message-pane .conpherence-transaction-info,
 .conpherence-message-pane .anchor-link,
 .conpherence-message-pane .phabricator-content-source-view {
   color: {$lightbluetext};
   line-height: 16px;
   font-size: 12px;
 }
 
 .conpherence-message-pane .conpherence-transaction-info {
   float: right;
 }
 
 .conpherence-message-pane .conpherence-transaction-header,
 .conpherence-message-pane .conpherence-transaction-info,
 .conpherence-message-pane .anchor-link,
 .conpherence-message-pane .conpherence-transaction-content {
   background: none;
   padding: 0;
 }
 
 .conpherence-message-pane .conpherence-transaction-content {
   padding: 2px 0 8px 0;
 }
 
 .conpherence-message-pane .aphront-form-control {
   padding: 0;
 }
 
 .conpherence-message-pane .remarkup-assist-textarea {
   height: 100px;
   padding: 6px;
   border-color: {$lightblueborder};
   border-top-color: {$thinblueborder};
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   resize: none;
 }
 
 .device .conpherence-message-pane .remarkup-assist-textarea {
   margin: 0;
   padding: 8px 68px 8px 8px;
   width: 100%;
   height: 34px;
   resize: none;
 }
 
 .conpherence-message-pane .remarkup-assist-textarea:focus {
   outline: none;
 }
 
 .device .conpherence-message-pane .aphront-form-control-submit {
   padding: 0;
   position: absolute;
   top: 7px;
   right: 13px;
 }
 
 .device .conpherence-message-pane .aphront-form-control-textarea {
   float: left;
   height: 24px;
   width: 100%;
 }
diff --git a/webroot/rsrc/css/application/conpherence/notification.css b/webroot/rsrc/css/application/conpherence/notification.css
index 75403f991d..e5bd40274a 100644
--- a/webroot/rsrc/css/application/conpherence/notification.css
+++ b/webroot/rsrc/css/application/conpherence/notification.css
@@ -1,71 +1,71 @@
 /**
  * @provides conpherence-notification-css
  */
 
 /* kill styles on phabricator-notification */
 .conpherence-notification {
   padding: 0;
 }
 
 .phabricator-notification .conpherence-menu-item-view {
   display: block;
   height: 46px;
   overflow: hidden;
   position: relative;
   text-decoration: none;
   border-bottom: none;
   border-right: 0;
   border-left: 0;
 }
 
 .phabricator-notification .conpherence-menu-item-view
 .conpherence-menu-item-image {
   top: 8px;
   left: 8px;
   display: block;
   position: absolute;
   width: 30px;
   height: 30px;
-  background-size: 30px;
+  background-size: 100%;
 }
 
 .phabricator-notification .conpherence-menu-item-view
 .conpherence-menu-item-title {
   display: block;
   margin-top: 8px;
   margin-left: 46px;
   text-align: left;
   font-weight: bold;
   font-size: 13px;
   color: {$darkgreytext};
   width: 314px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
 .phabricator-notification .conpherence-menu-item-view
 .conpherence-menu-item-subtitle {
   display: block;
   color: {$lightgreytext};
   font-size: 11px;
   margin-top: 2px;
   margin-left: 46px;
   width: 290px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
 .phabricator-notification .conpherence-menu-item-view
 .conpherence-menu-item-unread-count {
   position: absolute;
   right: 8px;
   top: 15px;
   background: {$blue};
   border-radius: 2px;
   color: #fff;
   font-weight: bold;
   padding: 0 5px 1px;
   font-size: 11px;
 }
diff --git a/webroot/rsrc/css/phui/phui-header-view.css b/webroot/rsrc/css/phui/phui-header-view.css
index 5b48f722c6..6790ed09e8 100644
--- a/webroot/rsrc/css/phui/phui-header-view.css
+++ b/webroot/rsrc/css/phui/phui-header-view.css
@@ -1,142 +1,142 @@
 /**
  * @provides phui-header-view-css
  */
 
 .phui-header-shell {
   background-color: #e0e3ec;
   border-width: 1px 0;
   border-style: solid;
   border-color: {$hovergrey};
   overflow: hidden;
 }
 
 body .phui-header-shell.phui-header-no-backgound {
   background-color: transparent;
   border: none;
 }
 
 body .phui-header-shell.phui-bleed-header {
   background-color: #fff;
   border-bottom: 1px solid {$thinblueborder};
   width: auto;
   margin: 16px;
 }
 
 body .phui-header-shell.phui-bleed-header
   .phui-header-view {
   padding: 8px 24px 8px 0;
   color: {$bluetext};
 }
 
 .phui-header-shell + .phabricator-form-view {
   border-top-width: 0;
 }
 
 .phui-property-list-view + .diviner-document-section {
   margin-top: -1px;
 }
 
 .phui-header-view {
   padding: 16px;
   font-size: 15px;
   color: {$darkbluetext};
   position: relative;
 }
 
 .phui-header-view a,
 .phui-header-view a.simple {
   color: {$darkbluetext};
 }
 
 .phui-header-view .phui-header-action-links {
   float: right;
 }
 
 .phui-object-box .phui-header-view .phui-header-action-links {
   margin-right: 12px;
   margin-top: 4px;
 }
 
 .device-phone .phui-object-box .phui-header-view .phui-header-action-links {
   margin-right: 4px;
   margin-top: -1px;
 }
 
 .device-phone .phui-header-action-link .phui-button-text {
   visibility: hidden;
   width: 0;
   margin-left: 8px;
 }
 
 .phui-header-divider {
   margin: 0 4px;
   font-weight: normal;
   color: {$lightbluetext};
 }
 
 body.device-phone .phui-header-view {
   padding: 12px 8px;
 }
 
 .phui-header-tags {
   margin-left: 12px;
   font-size: 13px;
 }
 
 .phui-header-tags .phui-tag-view {
   margin-left: 4px;
 }
 
 .phui-header-image {
   display: inline-block;
   background-repeat: no-repeat;
-  background-size: 50px;
+  background-size: 100%;
   border: 2px solid white;
   width: 50px;
   height: 50px;
   margin: 12px;
   float: left;
   border-radius: 2px;
 }
 
 .phui-header-subheader {
   font-weight: normal;
   font-size: 14px;
   margin-top: 6px;
 }
 
 .phui-header-subheader .phui-icon-view {
   display: inline-block;
   margin: -2px 4px -2px 0;
   font-size: 15px;
 }
 
 .phui-header-subheader,
 .phui-header-subheader .policy-link {
   color: {$darkbluetext};
 }
 
 .phui-header-subheader .phui-header-status-dark {
   color: {$indigo};
   text-shadow: 0 1px #fff;
 }
 
 .phui-header-subheader .phui-header-status-dark .phui-icon-view {
   color: {$indigo};
 }
 
 .phui-header-subheader .phui-header-status-red {
   color: {$red};
 }
 
 .phui-header-subheader .phui-header-status-green {
   color: {$green};
 }
 
 .phui-header-action-links .phui-mobile-menu {
   display: none;
 }
 
 .device .phui-header-action-links .phui-mobile-menu {
   display: inline-block;
 }
diff --git a/webroot/rsrc/css/phui/phui-object-item-list-view.css b/webroot/rsrc/css/phui/phui-object-item-list-view.css
index e07d25f9d3..40aa67ee8a 100644
--- a/webroot/rsrc/css/phui/phui-object-item-list-view.css
+++ b/webroot/rsrc/css/phui/phui-object-item-list-view.css
@@ -1,757 +1,757 @@
 /**
  * @provides phui-object-item-list-view-css
  */
 
 ul.phui-object-item-list-view {
   padding: 8px;
   list-style: none;
 }
 
 .device-desktop .phui-object-item-list-view {
   padding: 16px;
 }
 
 .phui-object-item-list-view + .phui-object-item-list-view {
   padding-top: 0;
 }
 
 .phui-object-item-list-view.phui-object-list-flush {
   padding: 0;
 }
 
 .phui-object-box .phui-object-list-flush .phui-object-item,
 .homepage-panel .phui-object-list-flush .phui-object-item {
   margin: 0;
 }
 
 .phui-object-item-list-view .phui-info-view {
   margin: 0;
 }
 
 .phui-object-box .phui-object-item-list-view .phui-info-view {
   margin: 4px 0;
   color: {$greytext};
   border: none;
 }
 
 .phui-object-item {
   border-style: solid;
   border-color: {$lightgreyborder};
   margin: 5px 0;
   overflow: hidden;
   border-left-width: 4px;
   background: #fff;
   margin-bottom: 4px;
 }
 
 .phui-object-item .phui-icon-view {
   display: inline-block;
 }
 
 .phui-object-item-frame {
   border-style: solid;
   border-color: {$lightgreyborder};
   border-width: 1px 1px 1px 0;
   position: relative;
   min-height: 33px;
   overflow: hidden;
 }
 
 .device-desktop .phui-object-item {
   margin: 0 0 4px 0;
 }
 
 .phui-object-box .phui-object-list-flush .phui-object-item {
   margin: 0;
 }
 
 .phui-object-item-name {
   font-weight: bold;
   padding: 8px 8px 0;
   white-space: nowrap;
   word-wrap: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .device-phone .phui-object-item-name {
   overflow: normal;
   white-space: normal;
 }
 
 .phui-object-item-link {
   display: inline;
 }
 
 .phui-object-item-objname {
   color: {$darkgreytext};
   cursor: text;
 }
 
 .phui-object-item-content {
   margin: 4px 8px 2px 0;
   overflow: hidden;
 }
 
 .phui-object-item-grippable {
   cursor: move;
 }
 
 .device .phui-object-item-grippable {
   cursor: normal;
 }
 
 .phui-object-item-grip {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 17px;
   background: url('/rsrc/image/texture/grip.png') center center no-repeat;
 }
 
 .device .phui-object-item-grip {
   display: none;
 }
 
 .phui-object-item-grippable .phui-object-item-frame {
   padding-left: 11px;
 }
 
 .device .phui-object-item-grippable .phui-object-item-frame {
   padding-left: 0;
 }
 
 .phui-object-item-list-header {
   padding: 0 0 8px 0;
   color: {$darkgreytext};
 }
 
 .phui-object-item-table {
   display: table;
   table-layout: fixed;
   width: 100%;
 }
 
 .phui-object-item-table-row {
   display: table-row;
 }
 
 .phui-object-item-col1 {
   display: table-cell;
   vertical-align: top;
 }
 
 .phui-object-item-col2 {
   width: 160px;
   display: table-cell;
   vertical-align: top;
 }
 
 .device-phone .phui-object-item-col1,
 .device-phone .phui-object-item-col2 {
   display: block;
   width: auto;
 }
 
 /* - Item Actions --------------------------------------------------------------
 
   Action buttons, like "Edit" and "Delete".
 
 */
 
 .phui-object-item-actions {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   vertical-align: middle;
   text-align: right;
   border-left: 1px solid {$lightgreyborder};
 }
 
 .phui-object-item-actions .phui-list-item-view {
   float: right;
   height: 100%;
   width: 24px;
   display: inline-block;
   position: relative;
 }
 
 .phui-object-item-actions .phui-list-item-view +
 .phui-list-item-view {
   border-right: 1px solid #d6d6e9;
 }
 
 .phui-object-item-actions .phui-list-item-href {
   display: inline-block;
   position: relative;
   width: 24px;
   height: 100%;
 }
 
 .device-desktop .phui-object-item-actions .phui-list-item-href:hover {
   background: {$hoverblue};
 }
 
 .phui-object-item-actions .phui-list-item-icon {
   width: 14px;
   height: 14px;
   position: absolute;
   display: block;
   top: 50%;
   margin-top: -7px;
   left: 3px;
 }
 
 .phui-object-item-actions .phui-list-item-name {
   display: none;
 }
 
 .phui-object-item-with-1-actions .phui-object-item-content-box {
   margin-right: 24px;
   overflow: hidden;
 }
 
 .phui-object-item-with-2-actions .phui-object-item-content-box {
   margin-right: 48px;
   overflow: hidden;
 }
 
 .phui-object-item-with-3-actions .phui-object-item-content-box {
   margin-right: 72px;
   overflow: hidden;
 }
 
 
 /* - Stackable List ------------------------------------------------------------
 
   Tighter, stacking list.
 
 */
 
 .phui-object-item-list-view.phui-object-list-stackable
   .phui-object-item {
   margin: -1px 0 0 0;
   border-left-width: 1px;
   background: #fff;
 }
 
 .phui-object-box .phui-object-list-stackable {
   padding: 0;
 }
 
 .phui-object-box .phui-object-list-stackable .phui-object-item {
   border: none;
 }
 
 .phui-object-box .phui-object-list-stackable .phui-object-item-frame {
   border-right: none;
 }
 
 .phui-object-box .phui-object-list-stackable:last-child
   .phui-object-item-frame {
   border-bottom: none;
 }
 
 
 /* - Subhead -------------------------------------------------------------------
 
   Descriptive Text or Links under the main header, before attributes.
 
 */
 
 .phui-object-item-subhead {
   color: {$greytext};
   padding: 0 8px 6px;
 }
 
 
 /* - Attribute List ------------------------------------------------------------
 
   Object attributes, commonly used to render created date, etc.
 
 */
 
 .phui-object-item-attributes {
   padding: 0 8px 6px;
   line-height: 18px;
 }
 
 .phui-object-item-attribute {
   display: inline;
   color: {$greytext};
 }
 
 .phui-object-item-attribute-spacer {
   padding: 0 4px;
 }
 
 
 /* - Icons ---------------------------------------------------------------------
 
   Icons, which show object state. On mobile, they are rendered without labels
   to save space.
 
 */
 
 .phui-object-icon-pane {
   margin: 8px 0 4px;
 }
 
 .device-phone .phui-object-icon-pane {
   margin: 0 0 4px;
 }
 
 .phui-object-item-with-handle-icons .phui-object-item-icons {
   padding-bottom: 30px;
 }
 
 .phui-object-item-icons {
   padding: 0 10px 0 0;
 }
 
 .device-phone .phui-object-item-icons {
   padding: 0 0 0 8px;
 }
 
 ul.phui-object-item-icons {
   margin: 0;
 }
 
 .phui-object-item-icon {
   vertical-align: middle;
   font-size: 12px;
   color: {$lightgreytext};
   text-align: right;
   white-space: nowrap;
   overflow: hidden;
   min-height: 18px;
   line-height: 18px;
 }
 
 .device-phone .phui-object-item-icon {
   text-align: left;
   font-size: 13px;
 }
 
 /*
  * Items with icon 'none' still have on mobile, thus creating a weird vertical
  * margin for elements which follow
  */
 .device-phone .phui-object-item-icon .none {
   display: none;
 }
 
 .phui-object-item-icon-image {
   width: 14px;
   height: 14px;
   font-size: 13px;
   margin-right: 4px;
 }
 
 
 /* - Bar Colors ----------------------------------------------------------------
 
   Colors for the left-hand border bars, used to indicate object status or other
   attributes.
 
 */
 
 .phui-object-item-bar-color-red {
   border-left-color: {$red};
 }
 
 .phui-object-item-bar-color-orange {
   border-left-color: {$orange};
 }
 
 .phui-object-item-bar-color-yellow {
   border-left-color: {$yellow};
 }
 
 .phui-object-item-bar-color-green {
   border-left-color: {$green};
 }
 
 .phui-object-item-bar-color-sky {
   border-left-color: {$sky};
 }
 
 .phui-object-item-bar-color-blue {
   border-left-color: {$blue};
 }
 
 .phui-object-item-bar-color-indigo {
   border-left-color: {$indigo};
 }
 
 .phui-object-item-bar-color-violet {
   border-left-color: {$violet};
 }
 
 .phui-object-item-bar-color-grey {
   border-left-color: #bdc3c7;
 }
 
 .phui-object-item-bar-color-black {
   border-left-color: #333333;
 }
 
 /* - Disabled ------------------------------------------------------------------
 
   Disabled/inactive objects.
 
 */
 
 .phui-object-item-disabled {
   border-left-color: #d7d7d7;
 }
 
 .phui-object-item-disabled .phui-object-item-link,
 .phui-object-item-disabled .phui-object-item-link a {
   color: {$lightgreytext};
 }
 
 .phui-object-item-disabled .phui-object-item-frame {
   border-color: #d7d7d7;
 }
 
 .phui-object-item-disabled .phui-object-item-objname {
   color: {$greytext};
   text-decoration: line-through;
 }
 
 
 /* - Effects -------------------------------------------------------------------
 
   Effects like highlighted items.
 
 */
 
 .phui-object-item.phui-object-item-highlighted {
   background: {$lightyellow};
   border-left-color: {$yellow};
 }
 
 .phui-object-item-highlighted .phui-object-item-frame {
   border-color: {$yellow};
 }
 
 .phui-object-item-selected {
   background: {$lightblue};
   border-left-color: {$blue};
 }
 
 .phui-object-item-selected .phui-object-item-frame {
   border-color: {$blue};
 }
 
 
 /* - Foot Icons ----------------------------------------------------------------
 
   Object counts shown in the footer.
 
 */
 
 .phui-object-item-foot-icons {
   margin-left: 10px;
   bottom: 0;
   position: absolute;
 }
 
 .phui-object-item-with-foot-icons .phui-object-item-content,
 .device-phone .phui-object-item-with-foot-icons .phui-object-item-col2  {
   padding-bottom: 24px;
 }
 
 .device-phone .phui-object-item-with-foot-icons .phui-object-item-content {
   padding-bottom: 0;
 }
 
 .phui-object-item-foot-icon {
   display: inline-block;
   background: {$lightgreyborder};
   color: #ffffff;
   font-weight: bold;
   margin-right: 3px;
   padding: 3px 6px 0;
   height: 17px;
   vertical-align: middle;
   position: relative;
   font-size: 12px;
   -webkit-font-smoothing: antialiased;
 }
 
 .phui-object-item-foot-icon .phui-icon-view {
   margin-right: 4px;
 }
 
 
 /* - Handle Icons --------------------------------------------------------------
 
   Shows owners, reviewers, etc., using profile picture icons.
 
 */
 
 .phui-object-item-handle-icons {
   height: 28px;
   margin-right: 10px;
   bottom: 0;
   right: 0;
   text-align: right;
   position: absolute;
 }
 
 .phui-object-item-handle-icon {
   margin: 1px;
   width: 28px;
   height: 28px;
   display: inline-block;
   background-size: 28px 28px;
   background-repeat: no-repeat;
 }
 
 
 /* - Bylines -------------------------------------------------------------------
 
   Shows owners, authors, reviewers, etc., in text.
 
 */
 
 .phui-object-item-bylines {
   padding: 0 10px;
   margin: 4px 0 8px;
   font-size: 12px;
   color: {$lightgreytext};
   text-align: right;
 }
 
 .phui-object-item-byline {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 
 .device-phone .phui-object-item-bylines {
   float: none;
   text-align: left;
   padding: 0 8px;
   font-size: 13px;
 }
 
 
 /* - Draggable List ------------------------------------------------------------
 
   These classes are applied by and/or provided for use with JX.DraggableList.
 
 */
 
 .drag-ghost {
   position: relative;
   border: 1px dashed #fff;
   background: rgba(255,255,255,.5);
   margin-bottom: 4px;
 }
 
 .phui-object-list-stackable .drag-ghost {
   background: {$hoverblue};
   margin: 0;
   border: none;
   border-top: 1px solid {$lightgreyborder}
 }
 
 .drag-dragging {
   position: relative;
   opacity: 0.85;
 }
 
 .phui-object-box .phui-object-list-stackable .drag-dragging
  .phui-object-item-frame {
   border-bottom: 1px solid {$lightgreyborder};
 }
 
 .drag-sending {
   opacity: 0.5;
 }
 
 /* - Plain ---------------------------------------------------------------------
 
   Remove all border styles, just a list of objects
 
 */
 
 .phui-object-list-plain .phui-object-item {
   background: transparent;
 }
 
 .phui-object-list-plain .phui-object-item,
 .phui-object-list-plain .phui-object-item-frame {
   border: none;
 }
 
 .phui-object-list-plain .phui-object-item-attributes,
 .phui-object-list-plain .phui-object-item-name {
   padding-left: 0;
   padding-top: 0;
 }
 
 .phui-object-item-image {
   width: 40px;
   height: 40px;
-  background-size: 40px;
+  background-size: 100%;
   margin: 6px;
   position: absolute;
   background-color: {$lightbluebackground};
 }
 
 .phui-object-item-with-image .phui-object-item-frame {
   min-height: 52px;
 }
 
 .phui-object-item-with-image .phui-object-item-content-box {
   margin-left: 46px;
 }
 
 /* - State ---------------------------------------------------------------------
 
   Provides a list of object status or states, success or fail, etc
 
 */
 
 .phui-object-item-ficon {
   width: 48px;
   height: 26px;
   margin-top: 12px;
   position: absolute;
   text-align: center;
   font-size: 24px;
 }
 
 .phui-object-item-with-ficon .phui-object-item-content-box {
   margin-left: 38px;
 }
 
 .phui-object-box .phui-object-list-states {
   padding: 0;
 }
 
 .phui-object-list-states .phui-info-view {
   margin: 0;
   border: none;
 }
 
 /* - Dashboards ------------------------------------------------------------ */
 
 .dashboard-panel .phui-object-item-list-view {
   padding: 0;
   border-left: 1px solid {$lightblueborder};
   border-right: 1px solid {$lightblueborder};
   border-bottom: 1px solid {$blueborder};
   margin-bottom: -1px;
 }
 
 .dashboard-panel .phui-object-item-list-view .phui-object-item,
 .phui-object-box .phui-object-item-list-view.phui-object-list-flush {
   margin: 0;
   background-image: none;
   background-color: #fff;
   border-left-width: 4px;
 }
 
 .dashboard-panel .phui-object-item-frame,
 .phui-object-box .phui-object-list-flush .phui-object-item-frame {
   border: none;
   border-bottom: 1px solid {$thinblueborder};
 }
 
 .dashboard-panel .phui-object-item-list-header,
 .dashboard-panel .maniphest-task-group-header {
   font-size: 13px;
   color: {$bluetext};
   background: {$lightgreybackground};
   border-bottom: 1px solid {$thinblueborder};
   padding: 8px 12px;
   -webkit-font-smoothing: antialiased;
 }
 
 .dashboard-panel .phui-object-item-empty .phui-info-view {
   border: none;
   border-bottom: 1px solid {$thinblueborder};
   margin: 0;
 }
 
 .device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
  .aphront-multi-column-column-outer.third .phui-object-item-col2 {
    display: none;
  }
 
  .dashboard-panel .phui-object-box .phui-header-shell {
    display: none;
  }
 
  .dashboard-panel .phui-object-box {
    margin: 0;
  }
 
 
 /* - Launcher List ---------------------------------------------------------- */
 
 .launcher-header {
   margin: 8px 16px -4px;
   clear: both;
   color: {$darkbluetext};
 }
 
 .launcher-header:nth-of-type(1) {
   margin-top: 24px;
 }
 
 .phui-object-item-launcher-list {
   overflow: hidden;
 }
 
 .device-desktop .phui-object-item-launcher-list .phui-object-item {
   width: 49%;
   float: left;
   margin-right: 1%;
   box-sizing: border-box;
 }
 
 .phui-object-item-image-icon {
   background: none;
 }
 
 .phui-object-item-image-icon {
   width: 30px;
   height: 30px;
   margin: 4px;
   position: absolute;
 }
 
 .phui-object-item-image-icon .phui-icon-view {
   position: absolute;
   width: 24px;
   height: 24px;
   left: 6px;
   top: 10px;
   font-size: 24px;
   text-align: center;
   vertical-align: bottom;
 }
 
 .phui-object-item-with-image-icon .phui-object-item-frame {
   min-height: 48px;
 }
 
 .phui-object-item-with-image-icon .phui-object-item-content-box {
   margin-left: 36px;
 }
 
 .device-desktop .phui-object-item-launcher-list .phui-object-item-content {
   margin-right: 0;
 }
 
 .device-desktop .phui-object-item-launcher-list .phui-object-icon-pane {
   width: auto;
 }
diff --git a/webroot/rsrc/css/phui/phui-timeline-view.css b/webroot/rsrc/css/phui/phui-timeline-view.css
index 6e956037aa..d35a5458ee 100644
--- a/webroot/rsrc/css/phui/phui-timeline-view.css
+++ b/webroot/rsrc/css/phui/phui-timeline-view.css
@@ -1,377 +1,377 @@
 /**
  * @provides phui-timeline-view-css
  */
 
 .phui-timeline-view {
   padding: 0 16px;
   background-image: url('/rsrc/image/BFCFDA.png');
   background-repeat: repeat-y;
   background-position: 94px;
 }
 
 .device-tablet .phui-timeline-view {
   background-position: 31px;
 }
 
 .device-phone .phui-timeline-view {
   padding: 0;
   background-position: 24px;
 }
 
 .phui-timeline-major-event .phui-timeline-group {
   border-left: 1px solid {$lightblueborder};
   border-right: 1px solid {$lightblueborder};
 }
 
 .device-desktop .phui-timeline-event-view {
   margin-left: 62px;
   position: relative;
 }
 
 .device-desktop .phui-timeline-event-view.phui-timeline-minor-event {
   margin-left: 65px;
 }
 
 .device-desktop .phui-timeline-spacer {
   min-height: 16px;
 }
 
 .device-desktop .phui-timeline-event-view.the-worlds-end {
   background: {$lightblueborder};
   width: 9px;
   height: 9px;
   border-radius: 2px;
   margin-left: 74px;
 }
 
 .device-desktop .phui-timeline-wedge {
   border-bottom: 1px solid {$lightblueborder};
   position: absolute;
   width: 12px;
 }
 
 .device-phone .phui-timeline-minor-event,
 .device-tablet .phui-timeline-minor-event {
   padding-left: 3px;
 }
 
 .phui-timeline-major-event .phui-timeline-content {
   border-top: 1px solid {$lightblueborder};
   border-bottom: 1px solid {$lightblueborder};
 }
 
 .phui-timeline-title {
   line-height: 18px;
   min-height: 19px;
   position: relative;
   color: {$bluetext};
 }
 
 .phui-timeline-minor-event .phui-timeline-title {
   padding: 4px 8px 4px 33px;
 }
 
 .phui-timeline-title a {
   font-weight: bold;
   color: {$darkbluetext};
 }
 
 .device-desktop .phui-timeline-wedge {
   left: -12px;
 }
 
 .device-desktop .phui-timeline-major-event .phui-timeline-wedge {
   top: 24px;
 }
 
 .device-desktop .phui-timeline-minor-event .phui-timeline-wedge {
   top: 12px;
   left: -18px;
   width: 20px;
 }
 
 .phui-timeline-image {
   background-repeat: no-repeat;
-  background-size: 50px;
+  background-size: 100%;
   position: absolute;
   border-radius: 3px;
 }
 
 .device-desktop .phui-timeline-major-event .phui-timeline-image {
   width: 50px;
   height: 50px;
   top: 0px;
   left: -62px;
 }
 
 .device-desktop .phui-timeline-minor-event .phui-timeline-image {
   width: 26px;
   height: 26px;
   background-size: 26px auto;
   left: -41px;
 }
 
 .phui-timeline-major-event .phui-timeline-title {
   background: {$lightgreybackground};
   min-height: 18px;
 }
 
 .phui-timeline-title {
   padding: 5px 8px;
   overflow-x: auto;
   overflow-y: hidden;
 }
 
 .phui-timeline-title-with-icon {
   padding-left: 38px;
 }
 
 .phui-timeline-title-with-menu {
   padding-right: 36px;
 }
 
 .phui-timeline-view .phui-icon-view.phui-timeline-token {
   vertical-align: middle;
   margin-right: 4px;
 }
 
 .phui-timeline-token.strikethrough {
   position: relative;
 }
 
 .phui-timeline-token.strikethrough:before {
   position: absolute;
   content: "";
   left: 0;
   top: 50%;
   right: 0;
   border-top: 3px solid;
   border-color: {$darkbluetext};
 
   -webkit-transform:rotate(-40deg);
   -moz-transform:rotate(-40deg);
   -ms-transform:rotate(-40deg);
   -o-transform:rotate(-40deg);
   transform:rotate(-40deg);
 }
 
 .phui-timeline-major-event .phui-timeline-content
   .phui-timeline-core-content {
   padding: 16px 12px;
   line-height: 18px;
   background: #fff;
 }
 
 .phui-timeline-core-content {
   overflow-x: auto;
 }
 
 .phui-timeline-core-content .comment-deleted {
   font-style: italic;
 }
 
 .device .phui-timeline-event-view {
   min-height: 23px;
   position: relative;
 }
 
 .device-phone .phui-timeline-event-view {
   margin: 0 8px;
 }
 
 .device .phui-timeline-image {
   display: none;
 }
 
 .device .phui-timeline-spacer {
   min-height: 8px;
   border-width: 0;
 }
 
 .phui-timeline-spacer.phui-timeline-spacer-bold {
   border-bottom: 4px solid {$lightblueborder};
   margin: 0;
 }
 
 .phui-timeline-spacer-bold + .phui-timeline-spacer {
   background-color: #ebecee;
 }
 
 .phui-timeline-icon-fill {
   position: absolute;
   width: 30px;
   height: 30px;
   background-color: {$lightblueborder};
   top: 0;
   left: 0;
   text-align: center;
 }
 
 .phui-icon-view.phui-timeline-icon:before {
   font-size: 14px;
 }
 
 .phui-timeline-minor-event .phui-timeline-icon-fill {
   height: 26px;
   width: 26px;
   border-radius: 3px;
 }
 
 .phui-timeline-icon-fill .phui-timeline-icon {
   margin-top: 7px;
 }
 
 .phui-timeline-minor-event .phui-timeline-icon-fill .phui-timeline-icon {
   margin-top: 6px;
 }
 
 .phui-timeline-extra,
 .phui-timeline-extra .phabricator-content-source-view {
   font-size: 11px;
   font-weight: normal;
   color: {$lightbluetext};
 }
 
 .phui-timeline-title .phui-timeline-extra a {
   font-weight: normal;
   color: {$bluetext};
 }
 
 .device-desktop .phui-timeline-extra {
   float: right;
 }
 
 .device .phui-timeline-extra {
   display: inline-block;
   line-height: 16px;
   margin-left: 8px;
   white-space: nowrap;
 }
 
 .device-phone .phui-timeline-extra {
   display: block;
   margin: 0;
 }
 
 .phui-timeline-icon-fill-red {
   background-color: {$red};
 }
 
 .phui-timeline-icon-fill-orange {
   background-color: {$orange};
 }
 
 .phui-timeline-icon-fill-yellow {
   background-color: {$yellow};
 }
 
 .phui-timeline-icon-fill-green {
   background-color: {$green};
 }
 
 .phui-timeline-icon-fill-sky {
   background-color: {$sky};
 }
 
 .phui-timeline-icon-fill-blue {
   background-color: {$blue};
 }
 
 .phui-timeline-icon-fill-indigo {
   background-color: {$indigo};
 }
 
 .phui-timeline-icon-fill-violet {
   background-color: {$violet};
 }
 
 .phui-timeline-icon-fill-grey {
   background-color: #888;
 }
 
 .phui-timeline-icon-fill-black {
   background-color: #333;
 }
 
 .phui-timeline-shell.anchor-target {
   background: {$lightyellow};
   padding: 4px;
   margin: -4px;
 }
 
 .phui-timeline-preview-header {
   background: #e0e3ec;
   color: {$darkgreytext};
   padding: 4px 1.25%;
   border: solid {$blueborder} 1px 0;
 }
 
 .phui-timeline-change-details {
   padding: 10px 0;
   border-style: solid;
   border-color: #efefef;
   border-width: 1px 0;
 }
 
 .phui-timeline-older-transactions-are-hidden {
   background: {$lightyellow};
   border: 1px solid {$yellow};
   text-align: center;
   padding: 12px;
   color: {$darkgreytext};
   cursor: pointer;
 }
 
 .device-phone .phui-timeline-older-transactions-are-hidden {
   margin: 0 8px;
 }
 
 
 .phui-timeline-title .phui-timeline-extra-information a {
   font-weight: normal;
   color: {$bluetext};
 }
 
 .phui-timeline-comment-actions .phui-icon-view {
   width: 16px;
   height: 16px;
   font-size: 16px;
   text-align: center;
   overflow: hidden;
 }
 
 .phui-timeline-menu {
   position: absolute;
   right: 3px;
   top: 4px;
   width: 28px;
   height: 22px;
   text-align: center;
   line-height: 22px;
   font-size: 15px;
   border-left: 1px solid {$lightblueborder};
 }
 
 .phui-timeline-menu:focus {
   outline: none;
 }
 
 .phui-timeline-menu .phui-icon-view {
   color: {$lightgreytext};
 }
 
 a.phui-timeline-menu .phui-icon-view {
   color: {$bluetext};
 }
 
 .device-desktop a.phui-timeline-menu:hover .phui-icon-view {
   color: {$darkgreytext};
 }
 
 .phui-timeline-menu.phuix-dropdown-open {
   background: {$hovergrey};
 }
 
 .phui-timeline-view + .phui-object-box {
   margin-top: 0;
 }