update a few things for the asset pipeline, and fix a couple of other mobile bugs

app/assets/stylesheets/mobile.css.scss

@@ -270,6 +270,7 @@ body {
 
 .navbar {
   @include box-shadow(0,1px,2px,#333);
+  padding: 0 20px;
 }
 
 .navbar-inner {
@@ -289,12 +290,11 @@ body {
 
 #nav_badges {
   display: inline-block;
-  margin-top: 2px; }
+}
   #nav_badges a:hover {
     text-decoration: none; }
   #nav_badges .badge {
     position: relative;
-    top: -12px;
     display: inline;
     margin: 0 2px;
     padding: 8px 3px;
@@ -644,9 +644,7 @@ display: inline-block;
   display: inline;
     font-weight: bold;
     margin: 0 2px;
-    padding: 8px 3px 9px;
     position: relative;
-    top: -15px;
     width: 28px;
 }
 

app/helpers/application_helper.rb

@@ -36,6 +36,10 @@ module ApplicationHelper
     User.diaspora_id_host
   end
 
+  def modernizer_responsive_tag
+    javascript_tag("Modernizr.mq('(min-width:0)') ||  document.write(unescape('#{j javascript_include_tag("mbp-respond.min")}'));")
+  end
+
   # Require jQuery from CDN if possible, falling back to vendored copy, and require
   # vendored jquery_ujs
   def jquery_include_tag

app/views/layouts/application.mobile.haml

@@ -34,10 +34,7 @@
     = stylesheet_link_tag :mobile, :format => 'all'
     = yield(:custom_css)
 
-    %script{:src => "/assets/mbp-modernizr-custom.js"}
-    / Media Queries Polyfill https://github.com/shichuan/mobile-html5-boilerplate/wiki/Media-Queries-Polyfill
-    :javascript
-      Modernizr.mq('(min-width:0)') || document.write('<script src="assets/mbp-respond.min.js">\x3C/script>')
+    = javascript_include_tag 'mbp-modernizr-custom', 'mbp-respond.min'
 
     = csrf_meta_tag
 

app/views/shared/_publisher.mobile.haml

@@ -32,5 +32,6 @@
       - current_user.aspects.each do |aspect|
         %option{:value => aspect.id}
           = "· #{aspect.name}"
-
+= form_for Photo.new, :html => {:multipart => true} do |f|
+  = f.file_field :image