signery fixes

app/assets/stylesheets/theme/navbar.css.scss

@@ -9,3 +9,16 @@
         color: yellow;
     }
 }
+
+.navbar-vertical {
+    .navbar-collapse {
+        padding: 0;
+    }
+    .nav-stacked.navbar-nav {
+        float: none;
+        margin: 0;
+        > li {
+            float: none;
+        }
+    }
+}

app/views/users/confirmations/new.html.erb

@@ -1,8 +1,14 @@
-<%= render :partial => "users/shared/links" %>
+<br>
 
 <div class="row">
-  <div class="col-lg-offset-4 col-lg-4 well">
+  <div class="col-md-3">
     
+    <%= render 'users/shared/links' %>
+    
+  </div>
+  <div class="col-md-offset-2 col-md-4">
+    
+    <div class="well">
       <%= simple_form_for(resource, 
           as: resource_name,
           url: confirmation_path(resource_name),
@@ -15,6 +21,7 @@
 
         <%= f.submit "Resend confirmation instructions", class: 'btn btn-primary' %>
       <% end %>
+    </div>
 
   </div>
 </div>

app/views/users/passwords/new.html.erb

@@ -1,8 +1,14 @@
-<%= render :partial => "users/shared/links" %>
+<br>
 
 <div class="row">
-  <div class="col-lg-offset-4 col-lg-4 well">
+  <div class="col-md-3">
     
+    <%= render 'users/shared/links' %>
+    
+  </div>
+  <div class="col-md-offset-2 col-md-4">
+    
+    <div class="well">
       <%= simple_form_for(resource, 
           as: resource_name,
           url: password_path(resource_name),
@@ -13,8 +19,9 @@
 
         <%= f.input :email, required: true %>
 
-      <%= f.submit "Send me reset password instructions", class: 'btn btn-primary' %>
+        <%= f.submit "Send reset password instructions", class: 'btn btn-primary' %>
       <% end %>
+    </div>
 
   </div>
 </div>

app/views/users/registrations/new.html.erb

@@ -1,9 +1,16 @@
-<%= render 'users/shared/links' %>
+<br>
 
 <div class="row">
-  <div class="col-lg-offset-4 col-lg-4 well">
+  <div class="col-md-3">
+    
+    <%= render 'users/shared/links' %>
     
+  </div>
+  <div class="col-md-offset-2 col-md-4">
+    
+    <div class="well">
       <%= render 'users/registrations/new' %>
+    </div>
     
   </div>
 </div>

app/views/users/sessions/new.html.erb

@@ -1,8 +1,14 @@
-<%= render 'users/shared/links' %>
+<br>
 
 <div class="row">
-  <div class="col-lg-offset-4 col-lg-4 well">
+  <div class="col-md-3">
+    
+    <%= render 'users/shared/links' %>
     
+  </div>
+  <div class="col-md-offset-2 col-md-4">
+    
+    <div class="well">
       <p>
         <%= link_to user_omniauth_authorize_path(:google_oauth2),
           class: 'btn btn-block btn-social btn-google-plus',
@@ -31,6 +37,7 @@
         </small>
 
       <% end %>
+    </div>
 
   </div>
 </div>

app/views/users/shared/_links.erb

@@ -1,5 +1,16 @@
-<br />
+<div class="navbar navbar-vertical navbar-default navbar-links" role="navigation">
-<% semantic_navigation :devise_nav, html: { class: 'nav nav-tabs nav-justified' } do |n| %>
+  <div class="navbar-header">
+    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-links-collapse">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+    </button>
+    <span class="navbar-brand visible-sm">Menu</span>
+  </div>
+
+  <div class="collapse navbar-collapse navbar-links-collapse">
+    <% semantic_navigation :devise_nav, html: { class: 'nav nav-stacked navbar-nav' } do |n| %>
       <%= n.item "Sign in", link: new_session_path(resource_name) %>
       <%= n.item "Sign up", link: new_registration_path(resource_name) %>
       <%= n.item "Forgot password", link: new_password_path(resource_name),
@@ -7,4 +18,5 @@
       <%= n.item "Resend confirmation instructions", link: new_confirmation_path(resource_name) %>
       <%= n.item "Resend unlock instructions", link: new_unlock_path(resource_name) %>
     <% end %>
-</br>
+  </div>
+</div>

app/views/users/unlocks/new.html.erb

@@ -1,8 +1,14 @@
-<%= render :partial => "users/shared/links" %>
+<br>
 
 <div class="row">
-  <div class="col-lg-offset-4 col-lg-4 well">
+  <div class="col-md-3">
     
+    <%= render 'users/shared/links' %>
+    
+  </div>
+  <div class="col-md-offset-2 col-md-4">
+    
+    <div class="well">
       <%= simple_form_for(resource,
           as: resource_name,
           url: unlock_path(resource_name),
@@ -15,6 +21,7 @@
 
         <%= f.submit "Resend unlock instructions", class: 'btn btn-primary' %>
       <% end %>
+    </div>
 
   </div>
 </div>