'horizontal form with too many space left

I have a form like this (it is a Rails app, this is an ERB file)

<fieldset class="mb-3">
  <legend>Dados de acesso</legend>
  <div class="field is-horizontal">
    <div class="field-label is-normal">
      <label class="label">E-mail e senha</label>
    </div>
    <div class="field-body">
      <div class="field">
        <p class="control is-expanded">
          <%= text_field_tag(:email, @user.email, class: 'input')%>
        </p>
      </div>

      <div class="field">
        <p class="control is-expanded">
          <%= text_field_tag(:password, @user.password, type: 'password', class: 'input')%>
        </p>
      </div>
    </div>
  </div>
</fieldset>

it does make the form horizontal but it also kinda pushes the form to the right:

enter image description here

see the space between the fieldset and the E-mail label

enter image description here

I tried deleting the fieldset tag but it makes no difference.

Is there a way to kinda push the form to the left?

bulma


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions