My goal is to have 'Forgot your password?' appear on the same line as 'Remember me', similar to the image. I am using the simple_form gem, but it's causing some issues. Normally, I would use 'display: inline' in my 'forgot your password' div or convert it to a span, which usually works fine. However, in this case, it's not working as expected. Any help would be greatly appreciated!
Below is the code I am working with:
<div class='sign-in-section'>
<%= simple_form_for(User.new, :as => :user, :url => session_path(:user), :html => {}) do |f| %>
<div class="inputs">
<%= f.input_field :email, :required => false, :autofocus => true, :placeholder => I18n.t('sign_in.email_address_placeholder') %>
<br/>
<%= f.input_field :password, :required => false, :placeholder => I18n.t('sign_in.password_placeholder') %>
<%= f.input :remember_me, :as => :boolean, :label => false, :inline_label => 'Remember me' %>
<div class='links'>
<%= link_to I18n.t('sign_in.forgot_password'), new_user_password_path %>
</div>
</div>
</br>
<span class="actions"><%= f.button :submit, I18n.t('sign_in.sign_in_button'), :class => 'btn btn-primary' %>
<%= link_to I18n.t('sign_in.sign_up_button'), new_user_registration_path, :class => "btn btn-warning" %>
<% end %>
</span>
</div>
The CSS for my links div is as follows (I'm wondering if there might be a better way to handle this within simple_form without the need for the div):
.sign-in-section .links {
display: inline;
}