Add header on not connected pages on mobile version

app/assets/stylesheets/mobile/header.scss

@@ -10,6 +10,13 @@ $mobile-navbar-height: 46px;
   min-height: $mobile-navbar-height !important;
   max-height: $mobile-navbar-height !important;
 
+  .login {
+    color: $white;
+    float: right;
+    font-weight: bold;
+    padding: 13px;
+  }
+
   .navbar {
     margin: 0;
     padding: 0;

app/views/layouts/_header.mobile.haml

@@ -4,6 +4,7 @@
       = link_to(image_tag("mobile/asterisk_white_mobile.png", class: "img-responsive"),
           stream_path, id: "header-title", class: "navbar-brand")
 
+      - if user_signed_in?
         %ul.nav.navbar-nav#nav-badges
           -# Notifications
           %li
@@ -33,3 +34,8 @@
               %span.icon-bar
               %span.icon-bar
               %span.icon-bar
+
+      - else
+        - if AppConfig.settings.enable_registrations? && !current_page?(controller: "/registrations", action: :new)
+          %li= link_to t("devise.shared.links.sign_up"), new_user_registration_path, class: "login"
+        %li= link_to t("devise.shared.links.sign_in"), new_user_session_path, class: "login"

app/views/layouts/application.mobile.haml

@@ -51,8 +51,8 @@
     = include_gon(:camel_case => true)
   %body
     #app
-      - if user_signed_in?
       = render "layouts/header"
+      - if user_signed_in?
         = render "layouts/drawer"
 
       #main{:role => "main"}