Tweak pinboard styles

Summary: Curves, gradients, black and white designs. Some of those are in here.

Test Plan: Tested Macro and Pholio, better, tighter spacing. We could probably use bigger images. Checked iOS and Chrome.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

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

Author: chadlittle

src/__celerity_resource_map__.php

@@ -1864,21 +1864,9 @@
     ),
     'disk' => '/rsrc/js/application/phame/phame-post-preview.js',
   ),
-  'javelin-behavior-pholio-edit-inline-comment' =>
-  array(
-    'uri' => '/res/61759cd8/rsrc/js/application/pholio/behavior-pholio-edit-inline-comment.js',
-    'type' => 'js',
-    'requires' =>
-    array(
-      0 => 'javelin-behavior',
-      1 => 'javelin-stratcom',
-      2 => 'javelin-dom',
-    ),
-    'disk' => '/rsrc/js/application/pholio/behavior-pholio-edit-inline-comment.js',
-  ),
   'javelin-behavior-pholio-mock-view' =>
   array(
-    'uri' => '/res/e5f432ac/rsrc/js/application/pholio/behavior-pholio-mock-view.js',
+    'uri' => '/res/efec5d7a/rsrc/js/application/pholio/behavior-pholio-mock-view.js',
     'type' => 'js',
     'requires' =>
     array(
@@ -2873,7 +2861,7 @@
   ),
   'phabricator-pinboard-view-css' =>
   array(
-    'uri' => '/res/3a24d210/rsrc/css/layout/phabricator-pinboard-view.css',
+    'uri' => '/res/fdb2470f/rsrc/css/layout/phabricator-pinboard-view.css',
     'type' => 'css',
     'requires' =>
     array(
@@ -3222,7 +3210,7 @@
   ),
   'pholio-css' =>
   array(
-    'uri' => '/res/9de6e0b2/rsrc/css/application/pholio/pholio.css',
+    'uri' => '/res/3b87f5ae/rsrc/css/application/pholio/pholio.css',
     'type' => 'css',
     'requires' =>
     array(

webroot/rsrc/css/layout/phabricator-pinboard-view.css

@@ -3,18 +3,15 @@
  */
 
 .phabricator-pinboard-view {
-  padding: 0 2%;
+  padding: 20px;
   overflow: hidden;
 }
 
-.device-phone .phabricator-pinboard-view {
-  padding: 0;
-}
-
 .phabricator-pinboard-item-view {
-  margin: 0 10px 20px;
-  border: 1px solid #aaaaaa;
+  margin: 0 20px 20px 0;
+  border: 1px solid #ccc;
   background: #ffffff;
+  border-radius: 3px;
 
   display: block;
   float: left;
@@ -26,28 +23,29 @@
 /* On phones, show a single column of items. */
 .device-phone .phabricator-pinboard-item-view {
   float: none;
-  margin: 0 auto 20px;
+  margin: 0 auto 10px;
 
   /* NOTE: This needs to be changed if we use images other than 160px wide. */
-  width: 200px;
+  width: 240px;
 }
 
 .phabricator-pinboard-item-header {
-  padding: 5px 20px;
+  padding: 5px 10px;
   display: block;
   background: #f3f3f3;
   font-weight: bold;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
 }
 
 .phabricator-pinboard-item-image-link {
-  padding: 20px;
+  padding: 10px;
   display: block;
 }
 
 .phabricator-pinboard-item-content {
-  padding: 5px 20px;
+  padding: 0 10px 5px;
   overflow: hidden;
-  background: #f3f3f3;
-  color: #666666;
-  font-size: smaller;
+  color: #777;
+  font-size: 11px;
 }