Remove span12, main content now expand smoothly and the drawer become correctly displayed even in big resolution

app/assets/stylesheets/mobile/header.css.scss

@@ -11,7 +11,7 @@ header {
 }
 
 #main_nav {
-  width: 100%;
+  width: 100%;  
 
   #header_title {
     display: inline-block;
@@ -163,7 +163,7 @@ header {
 }
 
 /* This class is added when the user open the drawer */
-#app.draw {
+#app.draw > * {
           transform: translateX(-80%);
        -o-transform: translateX(-80%);
       -ms-transform: translateX(-80%);

app/views/streams/main_stream.mobile.haml

@@ -2,17 +2,16 @@
 -#   licensed under the Affero General Public License version 3 or later.  See
 -#   the COPYRIGHT file.
 
-.span12
-  %h2{:style => "padding:0 10px;display:none;"}
-    - if @stream.for_all_aspects?
-      = t('all_aspects')
-    - else
-      = @stream.aspect
+%h2{:style => "padding:0 10px;display:none;"}
+  - if @stream.for_all_aspects?
+    = t('all_aspects')
+  - else
+    = @stream.aspect
 
-  #main_stream.stream
-    = render 'shared/stream', :posts => @stream.stream_posts
-    -if @stream.stream_posts.length > 0
-      #pagination
-        %a.more-link.paginate{:href => next_page_path}
-          %h1
-            = t("more")
+#main_stream.stream
+  = render 'shared/stream', :posts => @stream.stream_posts
+  -if @stream.stream_posts.length > 0
+    #pagination
+      %a.more-link.paginate{:href => next_page_path}
+        %h1
+          = t("more")