password reset page labels align

This commit is contained in:
Alex S 2019-03-27 22:37:20 +06:30
parent 926bf114b7
commit 3ca6c4f443
2 changed files with 21 additions and 9 deletions

View File

@ -179,6 +179,17 @@
flex-basis: 50%; flex-basis: 50%;
} }
} }
.form-row {
display: flex;
}
.form-row > label {
text-align: left;
line-height: 47px;
flex: 1;
}
.form-row > input {
flex: 2;
}
</style> </style>
</head> </head>
<body> <body>

View File

@ -1,12 +1,13 @@
<h2>Password Reset for <%= @user.nickname %></h2> <h2>Password Reset for <%= @user.nickname %></h2>
<%= form_for @conn, util_path(@conn, :password_reset), [as: "data"], fn f -> %> <%= form_for @conn, util_path(@conn, :password_reset), [as: "data"], fn f -> %>
<%= label f, :password, "Password" %> <div class="form-row">
<%= password_input f, :password %> <%= label f, :password, "Password" %>
<br> <%= password_input f, :password %>
</div>
<%= label f, :password_confirmation, "Confirmation" %> <div class="form-row">
<%= password_input f, :password_confirmation %> <%= label f, :password_confirmation, "Confirmation" %>
<br> <%= password_input f, :password_confirmation %>
<%= hidden_input f, :token, value: @token.token %> </div>
<%= submit "Reset" %> <%= hidden_input f, :token, value: @token.token %>
<%= submit "Reset" %>
<% end %> <% end %>