button does not show up correctly when testing responsiveness on chrome

Question

Button shows up looking squashed when testing responsiveness in chrome (ipad pro mode). All the rest on the tablets and mobiles views the button shows correctly. I tried putting a min-width on the button but this doesn't help as the button looks to big for the page. Is there any way I can move the button more to the left or set it in the middle.

button id="updatePasswordButton" class="btn btn-block btn-success" data-bind="enable: canUpdatePassword, click: resetPassword">



.btn-success {
    min-width: 140px;
}

It would be good if you attach a screenshot of how does it look — Sonia, Jul 24 '18 at 12:38
There is code there in my question and I have tried uploading a screenshot but apparently I am not able to do that as I require ore points :/ — Kash, Jul 24 '18 at 12:50
You're missing the opening < and the closing do you also want the button to not be labeled? — Stefan, Jul 24 '18 at 13:08
HI Stefan I have added < these but for some reason I can't show my code in the question if I add them. — Kash, Jul 24 '18 at 13:39

score 0 · Answer 1 · answered Jul 24 '18 at 13:02

0

I believe you forgot to write something between button tag or closing it. Try this:

.btn-success {
  min-width: 140px;
}

<button id="updatePasswordButton" class="btn btn-block btn-success" data-bind="enable: canUpdatePassword, click: resetPassword">Update</button>

answered Jul 24 '18 at 13:02

Dash

35
9

and when you want to put some code or script in question, press "CTRL + M",then you brackets won't vanish. Even right now, edit the code, then press the above buttons and put the script in that – Dash Jul 25 '18 at 08:41

button does not show up correctly when testing responsiveness on chrome

1 Answers1