From 86797cc84c284ac7089cc5ac650442ca6b125094 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Wed, 12 Feb 2014 16:08:56 -0800
Subject: [PATCH] Update Timeline for Tablet/Mobile

Summary: Minor CSS fixes Fixes T4419

Test Plan: Test phone and table breakpoints, submit a new comment.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Maniphest Tasks: T4419

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

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index b1feb841a3..c1134a75d7 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -144,7 +144,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' => '84766e6b',
+    'rsrc/css/phui/phui-timeline-view.css' => 'd6fe315e',
     'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e',
     'rsrc/css/phui/phui-workpanel-view.css' => '6f8527f6',
     'rsrc/css/sprite-actions.css' => '4557baf8',
@@ -755,7 +755,7 @@ return array(
     'phui-status-list-view-css' => '2f562399',
     'phui-tag-view-css' => '295d81c4',
     'phui-text-css' => '23e9b4b7',
-    'phui-timeline-view-css' => '84766e6b',
+    'phui-timeline-view-css' => 'd6fe315e',
     'phui-workboard-view-css' => 'bf70dd2e',
     'phui-workpanel-view-css' => '6f8527f6',
     'policy-css' => '957ea14c',
diff --git a/webroot/rsrc/css/phui/phui-timeline-view.css b/webroot/rsrc/css/phui/phui-timeline-view.css
index 44193121ec..1654276145 100644
--- a/webroot/rsrc/css/phui/phui-timeline-view.css
+++ b/webroot/rsrc/css/phui/phui-timeline-view.css
@@ -6,6 +6,10 @@
   padding: 0 16px;
 }
 
+.device-phone .phui-timeline-view {
+  padding: 0;
+}
+
 .phui-timeline-major-event .phui-timeline-group {
   border-left: 1px solid {$lightblueborder};
   border-right: 1px solid {$lightblueborder};
@@ -20,7 +24,7 @@
   margin-left: 65px;
 }
 
-.device-desktop .phui-timeline-spacer {
+.phui-timeline-spacer {
   min-height: 16px;
   border-width: 0 0 0 1px;
   border-style: solid;
@@ -122,8 +126,10 @@
 .device .phui-timeline-event-view {
   min-height: 23px;
   position: relative;
-  margin-left: 3px;
-  margin-right: 3px;
+}
+
+.device-phone .phui-timeline-event-view {
+  margin: 0 4px;
 }
 
 .device .phui-timeline-image {
@@ -178,6 +184,11 @@
   margin-left: 8px;
 }
 
+.device-phone .phui-timeline-extra {
+  display: block;
+  margin: 0;
+}
+
 .phui-timeline-icon-fill-red {
   background-color: {$red};
 }