Remove extra workboard margin on mobile

Summary: We have too much space on workboards when displayed on mobile devices.

Test Plan: Shrink browser display, note that all workboards align to common gutters.

Reviewers: epriestley, btrahan

Reviewed By: btrahan

Subscribers: epriestley, Korvin

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

Author: chadlittle

resources/celerity/map.php

@@ -148,7 +148,7 @@
     'rsrc/css/phui/phui-tag-view.css' => '295d81c4',
     'rsrc/css/phui/phui-text.css' => '23e9b4b7',
     'rsrc/css/phui/phui-timeline-view.css' => '23fe340a',
-    'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e',
+    'rsrc/css/phui/phui-workboard-view.css' => '84f2c272',
     'rsrc/css/phui/phui-workpanel-view.css' => '97b69459',
     'rsrc/css/sprite-actions.css' => '969ad0e5',
     'rsrc/css/sprite-apps-large.css' => '5abf49e9',
@@ -763,7 +763,7 @@
     'phui-tag-view-css' => '295d81c4',
     'phui-text-css' => '23e9b4b7',
     'phui-timeline-view-css' => '23fe340a',
-    'phui-workboard-view-css' => 'bf70dd2e',
+    'phui-workboard-view-css' => '84f2c272',
     'phui-workpanel-view-css' => '97b69459',
     'policy-css' => '957ea14c',
     'policy-edit-css' => '05cca26a',

src/applications/project/controller/PhabricatorProjectBoardViewController.php

@@ -193,6 +193,7 @@ public function processRequest() {
 
     $board_box = id(new PHUIBoxView())
       ->appendChild($board)
+      ->addClass('project-board-wrapper')
       ->addMargin(PHUI::MARGIN_LARGE);
 
     return $this->buildApplicationPage(

webroot/rsrc/css/phui/phui-workboard-view.css

@@ -67,3 +67,8 @@
   width: 35px;
   margin: 0 3px;
 }
+
+.device-phone .project-board-wrapper {
+  margin-left: 0;
+  margin-right: 0;
+}