Login layer styling

_login_layer.html.slim

- if !current_user.logged_in? && params[:login] == 'true'
  .login-layer-modal.js-show-login-layer
    .login-layer-modal__header
      h1 = 'Jetz einloggen'
      br
    .login-layer-modal__form
      = form_tag(login_form.url) do
        fieldset
          = label_tag('login_form[username]', t('login_layer.username', default: 'Username'))
          = text_field_tag('login_form[username]')
          = label_tag('login_form[password]', t('login_layer.password', default: 'Password'))
          = password_field_tag('login_form[password]')
        = hidden_field_tag('login_form[dest_url]', login_form.dest_url + "?back_url=#{params[:back_url]}")
        = hidden_field_tag('login_form[section]', login_form.section)
        = hidden_field_tag('login_form[token_param]', login_form.token_param)
        = hidden_field_tag(:logged_out_sid, login_form.logged_out_sid)
        = hidden_field_tag(:locale, login_form.locale)

    .login-layer-modal__register-info
      => t('login_layer.not_yet_registered')
      = link_to t('login_layer.just_register'), Settings.xing_host, target: '_blank', class: 'login-layer-modal__register-link'

    .login-layer-modal__buttons
      = render 'components/button_cancel', text: t('login_layer.cancel_button'), classes: 'login-layer-modal__button white'
      = render 'components/button', text: t('login_layer.submit_button'), classes: 'login-layer-modal__button lime'

    a.modal-close-cross
      i.icon-close-cross.js_close

_login_layer.sass

.login-layer-modal
  display: none
  +container
  max-width: +span(6)
  padding: gutter()
  &__header
  &__form
    width: 100%
    position: relative
    label
      width: 20%
      float: left
      padding: 20px 0
      text-align: left
    input[type=text], input[type=password]
      width: 76%
      float: left
      margin-bottom: 15px
  &__register-info
    float: left
    padding-left: 20%
    margin-bottom: 15px
    &__buttons
    float: right
    padding: gutter()
    width: 32%
  &__button
    margin-left: gutter()

zastanawiam sie jak ustalic te 24px paddingu. hardcodowac padding: 24px?