From 352c36f0abbd8edab2a3e97b1a6067b7199b98b3 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Fri, 30 Jan 2015 14:29:24 -0800
Subject: [PATCH] Tighten up fonts in Conpherence.

Summary: Minor tweaks to font size, message pane spacing.

Test Plan: use more common spacing (4px grid)

Reviewers: epriestley, btrahan

Reviewed By: btrahan

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D11583
---
 resources/celerity/map.php                    |  8 ++++----
 .../application/conpherence/message-pane.css  | 19 ++++++++++++++-----
 webroot/rsrc/css/phui/phui-fontkit.css        |  8 ++++++++
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 691f5b3bd6..e1fa94f9eb 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -47,7 +47,7 @@ return array(
     'rsrc/css/application/config/setup-issue.css' => '8f852bc0',
     'rsrc/css/application/config/unhandled-exception.css' => '37d4f9a2',
     'rsrc/css/application/conpherence/menu.css' => '73774137',
-    'rsrc/css/application/conpherence/message-pane.css' => 'cd4b74dc',
+    'rsrc/css/application/conpherence/message-pane.css' => '17a9517f',
     'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
     'rsrc/css/application/conpherence/update.css' => '1099a660',
     'rsrc/css/application/conpherence/widget-pane.css' => '3d575438',
@@ -128,7 +128,7 @@ return array(
     'rsrc/css/phui/phui-crumbs-view.css' => '646a8830',
     'rsrc/css/phui/phui-document.css' => 'bbeb1890',
     'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5',
-    'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce',
+    'rsrc/css/phui/phui-fontkit.css' => '9ae12677',
     'rsrc/css/phui/phui-form-view.css' => 'aad06f2a',
     'rsrc/css/phui/phui-form.css' => '9aecbda1',
     'rsrc/css/phui/phui-header-view.css' => '083669db',
@@ -511,7 +511,7 @@ return array(
     'config-options-css' => '7fedf08b',
     'config-welcome-css' => 'b0d16200',
     'conpherence-menu-css' => '73774137',
-    'conpherence-message-pane-css' => 'cd4b74dc',
+    'conpherence-message-pane-css' => '17a9517f',
     'conpherence-notification-css' => '04a6e10a',
     'conpherence-update-css' => '1099a660',
     'conpherence-widget-pane-css' => '3d575438',
@@ -776,7 +776,7 @@ return array(
     'phui-document-view-css' => 'bbeb1890',
     'phui-feed-story-css' => 'c9f3a0b5',
     'phui-font-icon-base-css' => '3dad2ae3',
-    'phui-fontkit-css' => '9c3d2dce',
+    'phui-fontkit-css' => '9ae12677',
     'phui-form-css' => '9aecbda1',
     'phui-form-view-css' => 'aad06f2a',
     'phui-header-view-css' => '083669db',
diff --git a/webroot/rsrc/css/application/conpherence/message-pane.css b/webroot/rsrc/css/application/conpherence/message-pane.css
index a458e5dd4a..a45b792254 100644
--- a/webroot/rsrc/css/application/conpherence/message-pane.css
+++ b/webroot/rsrc/css/application/conpherence/message-pane.css
@@ -120,7 +120,7 @@
 }
 
 .conpherence-message-pane .phabricator-transaction-view {
-  margin: 5px 15px;
+  margin: 4px 12px;
   background-size: 35px;
   min-height: auto;
 }
@@ -136,7 +136,7 @@
 
 .conpherence-message-pane .date-marker {
   border-top: 1px solid #d7d7d7;
-  margin: 12px 15px 4px;
+  margin: 12px 12px 4px;
   min-height: auto;
 }
 .device-phone .conpherence-message-pane .date-marker {
@@ -166,8 +166,13 @@
 }
 
 .conpherence-message-pane .conpherence-edited .phabricator-transaction-content {
-  padding: 0 0 5px 45px;
-  font-style: italic;
+  padding: 0 0 4px 45px;
+}
+
+.conpherence-message-pane .conpherence-edited
+  .phabricator-transaction-content a {
+  font-weight: bold;
+  color: {$darkbluetext};
 }
 
 .device-phone .conpherence-message-pane .conpherence-edited
@@ -188,6 +193,10 @@
   padding: 0;
 }
 
+.conpherence-message-pane .phabricator-transaction-header a {
+  color: {$darkbluetext};
+}
+
 .conpherence-message-pane .phabricator-transaction-content {
   padding: 2px 0 8px 0;
 }
@@ -218,7 +227,7 @@
 
 .device .conpherence-message-pane .remarkup-assist-textarea {
   margin: 4px 8px;
-  padding: 6px 6px;
+  padding: 8px;
   width: 97%;
   height: 28px;
   resize: none;
diff --git a/webroot/rsrc/css/phui/phui-fontkit.css b/webroot/rsrc/css/phui/phui-fontkit.css
index f696412150..7b3a1ded1c 100644
--- a/webroot/rsrc/css/phui/phui-fontkit.css
+++ b/webroot/rsrc/css/phui/phui-fontkit.css
@@ -9,6 +9,14 @@
   line-height: 20px;
 }
 
+.phui-font-source-sans.conpherence-message-pane,
+.phui-font-source-sans.conpherence-message-pane .remarkup-assist-textarea {
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+}
+
 .phui-font-source-sans .phabricator-remarkup h2.remarkup-header {
   padding: 8px 24px 8px 0;
   border-bottom: 1px solid {$thinblueborder};