Always show inline comment column in Pholio

Summary:
  - Always show the column so there's no jumping around when comments are added.
  - Set width to 320px so we can mobile it (not 100% sure how this will work yet).
  - When there are too many comments, scroll them internally.

Test Plan: {F33552}

Reviewers: ljalonen, chad

Reviewed By: chad

CC: aran

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

src/applications/pholio/view/PholioMockImagesView.php

@@ -47,7 +47,6 @@ final class PholioMockImagesView extends AphrontView {
       ),
       $main_image_tag);
 
-
     $inline_comments_holder = javelin_tag(
       'div',
       array(

webroot/rsrc/css/application/pholio/pholio.css

@@ -5,6 +5,7 @@
   background-color: #282828;
   text-align: center;
   vertical-align: middle;
+  position: relative;
 }
 
 .pholio-mock-carousel {
@@ -56,24 +57,27 @@
 
 .pholio-mock-wrapper {
   position: relative;
+  margin: 20px 340px 20px 20px;
   display: inline-block;
   cursor: crosshair;
   padding: 0px;
-  margin: 10px 0px;
 }
 
-
 .pholio-mock-inline-comments {
-  display: inline-block;
-  margin-left: 10px;
+  width: 320px;
+  border-left: 1px solid #101010;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  overflow-x: auto;
   text-align: left;
-  padding-bottom: 10px;
 }
 
 .pholio-inline-comment {
   border: 1px solid #aa8;
   background: #f9f9f1;
-  margin-bottom: 2px;
+  margin: 2px;
   padding: 8px 10px;
 }