From af3dd4c51296fff266f9afc09a9671e5342f54dc Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Sun, 30 Mar 2014 09:40:34 -0700
Subject: [PATCH] Better align timeline mobile

Summary: Uses the standard 8px mobile gutter

Test Plan: review a task on mobile

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin, chad

Differential Revision: https://secure.phabricator.com/D8647
---
 resources/celerity/map.php                   | 4 ++--
 webroot/rsrc/css/phui/phui-timeline-view.css | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 38406dc43b..0e55ab627a 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -148,7 +148,7 @@ return array(
     'rsrc/css/phui/phui-status.css' => '2f562399',
     'rsrc/css/phui/phui-tag-view.css' => '295d81c4',
     'rsrc/css/phui/phui-text.css' => '23e9b4b7',
-    'rsrc/css/phui/phui-timeline-view.css' => 'f6c99ec3',
+    'rsrc/css/phui/phui-timeline-view.css' => 'e4365976',
     'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e',
     'rsrc/css/phui/phui-workpanel-view.css' => '97b69459',
     'rsrc/css/sprite-actions.css' => '969ad0e5',
@@ -764,7 +764,7 @@ return array(
     'phui-status-list-view-css' => '2f562399',
     'phui-tag-view-css' => '295d81c4',
     'phui-text-css' => '23e9b4b7',
-    'phui-timeline-view-css' => 'f6c99ec3',
+    'phui-timeline-view-css' => 'e4365976',
     'phui-workboard-view-css' => 'bf70dd2e',
     'phui-workpanel-view-css' => '97b69459',
     'policy-css' => '957ea14c',
diff --git a/webroot/rsrc/css/phui/phui-timeline-view.css b/webroot/rsrc/css/phui/phui-timeline-view.css
index 6d9ac1f38a..5cf28466db 100644
--- a/webroot/rsrc/css/phui/phui-timeline-view.css
+++ b/webroot/rsrc/css/phui/phui-timeline-view.css
@@ -15,7 +15,7 @@
 
 .device-phone .phui-timeline-view {
   padding: 0;
-  background-position: 20px;
+  background-position: 24px;
 }
 
 .phui-timeline-major-event .phui-timeline-group {
@@ -166,7 +166,7 @@
 }
 
 .device-phone .phui-timeline-event-view {
-  margin: 0 4px;
+  margin: 0 8px;
 }
 
 .device .phui-timeline-image {
@@ -299,3 +299,7 @@
   padding: 12px;
   color: {$darkgreytext};
 }
+
+.device-phone .phui-timeline-older-transactions-are-hidden {
+  margin: 0 8px;
+}