DG RY; publisher css tweaks

app/assets/stylesheets/new_styles/_base.scss

@@ -401,7 +401,7 @@ div[data-template=flow] {
     a {
       display : block;
 
-      span {
+      span:not(.caret) {
         padding-left: 5px;
       }
     }
@@ -412,7 +412,6 @@ div[data-template=flow] {
     margin-left: 100px;
   }
 
-
   .dropdown-menu {
     bottom : 0;
     top: auto;
@@ -445,6 +444,16 @@ div[data-template=flow] {
 .magic-service-selector {
   label { display : inline;}
 
+  img {
+    cursor : pointer;
+    height : 28px;
+    width : 28px;
+
+    &:hover {
+      @include opacity(0.6);
+    }
+  }
+
   input:not(:checked) + label {
     @include opacity(0.4);
   }

app/assets/stylesheets/new_styles/_composer.scss

@@ -11,10 +11,12 @@
 
 #photo_upload_button {
   position: relative;
-  margin-top: 9px;
+  margin : {
+    bottom : 9px;
+  }
 
   input{
-    opacity: 0;
+    @include opacity(0);
     position: absolute;
     top: 0;
     left: 0;  

app/assets/templates/picture-form.jst.hbs

@@ -3,9 +3,11 @@
     <div style="margin:0;padding:0;display:inline">
         <input name="utf8" type="hidden" value="✓"/>
     </div>
-    <div id='photo_upload_button'>
-      <a class='btn'><i class="icon-camera" style="margin-right:4px;"></i>Add Photos</a>
-      <input name="photo[user_file]" type="file"/>
-    <div class="photos well"></div>
+
+    <div class="photos well">
+        <div id='photo_upload_button'>
+            <a class='btn'><i class="icon-camera" style="margin-right:4px;"></i>Add Photos</a>
+            <input name="photo[user_file]" type="file"/>
+        </div>
     </div>
 </form>

app/assets/templates/post-form.jst.hbs

@@ -7,7 +7,7 @@
                         <legend>
                             Make Something!
                         </legend>
-                        <textarea name="text" id='post_text' class="text span8"/>
+                        <textarea name="text" id='post_text' class="text span8" placeholder="Add Text"/>
                         <textarea id="text_with_markup" style="display:none;"/>
                     </fieldset>
                 </form>

app/assets/templates/services-selector.jst.hbs

-<span class="service-selector-title">Broadcast</span>
-
 <!--*CSS MAGIC* CHECKBOX IS HIDDEN AND IS CHECKED BY CLICKING THE LABEL, CHANGE THIS AT YOUR OWN PERIL, RUN JASMINE AFTER-->
 <div class="magic-service-selector">
     {{#each current_user.services}}
         <input id="service_toggle_{{provider}}" type="checkbox" name="services" class="service" value="{{provider}}" />
-        <label for="service_toggle_{{provider}}"><img class="legacy-provider-image" src="/assets/social_media_logos/{{provider}}-16x16.png" data-provider="{{provider}}" /></label>
+        <label for="service_toggle_{{provider}}"><img class="legacy-provider-image" src="/assets/social_media_logos/{{provider}}-32x32.png" data-provider="{{provider}}" /></label>
     {{/each}}
 </div>