diff --git a/app/assets/javascripts/src/Metamaps.Header.js b/app/assets/javascripts/src/Metamaps.Header.js index e23ce07b..3693163b 100644 --- a/app/assets/javascripts/src/Metamaps.Header.js +++ b/app/assets/javascripts/src/Metamaps.Header.js @@ -16,7 +16,7 @@ Metamaps.Header = { changeSection: function (signedIn, section, userAvatar, userName) { ReactDOM.render( React.createElement(Metamaps.ReactComponents.Header, { signedIn: signedIn, section: section, userAvatar: userAvatar, userName: userName }), - document.getElementById('headerMenuItems') + document.getElementById('exploreMapsHeader') ); } } diff --git a/app/assets/stylesheets/mobile.css.erb b/app/assets/stylesheets/mobile.css.erb index 72a7b14c..b017592d 100644 --- a/app/assets/stylesheets/mobile.css.erb +++ b/app/assets/stylesheets/mobile.css.erb @@ -16,6 +16,9 @@ width: 96%; padding: 0 2%; } + .homeWrapper.homeText { + margin-top: 80px; + } .homeTitle { text-align: left; } @@ -37,7 +40,20 @@ } #yield { - margin-top: 50px; + height: 100%; + } + + .new_session, .new_user, .edit_user, .login, .forgotPassword { + position: relative; + top: auto; + left: auto; + width: 78%; + padding: 16px 10%; + margin: 50px auto 0 auto; + } + + .centerGreyForm input[type="text"], .centerGreyForm input[type="email"], .centerGreyForm input[type="password"] { + width: 100%; } .wrapper div.mapInfoBox { @@ -94,4 +110,15 @@ #mobile_menu li { padding: 10px; + list-style: none; +} + +li.mobileMenuUser { + border-bottom: 1px solid #BBB; +} + +.mobileMenuUser img { + display: inline-block; + vertical-align: middle; + margin-right: 10px; } \ No newline at end of file diff --git a/app/views/layouts/_mobilemenu.html.erb b/app/views/layouts/_mobilemenu.html.erb index cba31af0..f51694e8 100644 --- a/app/views/layouts/_mobilemenu.html.erb +++ b/app/views/layouts/_mobilemenu.html.erb @@ -13,8 +13,9 @@ <% end %> <% if current_user %> -