zachfitz/Ionic-Material

demo version - login page - problem with username/password input width?

andreabisello opened this issue · 2 comments

thanks for this awesome template.

take a look at the screenshot. One is the demo packages downloaded from github, the other is in the main website. why the input name isn't aligned with the login button? how can i solve this problem? my wish is to obtain input aligned with login button.

thanks.

image

image

you need to put item-input class for the button wrapper div, so it will set
the same alignment
@abioneperhobby

On Wed, Apr 20, 2016 at 1:13 AM, Andrea Bisello notifications@github.com
wrote:

thanks for this awesome template.

take a look at the screenshot. One is the demo packages downloaded from
github, the other is in the main website. why the input name isn't aligned
with the login button? how can i solve this problem? my wish is to obtain
input aligned with login button.

thanks.

[image: image]
https://cloud.githubusercontent.com/assets/2149815/14652882/b1f40982-0676-11e6-9568-2e715b9e21ae.png

[image: image]
https://cloud.githubusercontent.com/assets/2149815/14652849/8250b090-0676-11e6-9388-f73a4b09f745.png


You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#187

@yeshwanthdornala thanks, but the login button is centered : the problem are the input : you can see the black background in the right.

the problem is not the because i got the same problem with a normal list of button http://ionicframework.com/docs/components/#forms-placeholder-labels

i use the same code for input and button : two lists with row and column

ispectioning css, both lists has the same width, and lists contains row, with the same width, equal to the width of the lists. the row contains a column, and both input and button column has the same width. at the end, input and login button has the same width, but button is centered, input reach the right side of the screen :-(
image