Re-arrange cards, shrink padding or make the QR button a link for adding a zwave device

[kellya]

I have been running home assistant for about a month, and one of the things I have been doing frequently is adding zwave devices via the ios companion app on my iphone SE (so a smaller screen iPhone).

When I navigate to add a z-wave device, I am greeted with this:

I want to scan the qr code, so the first thing I tried is hitting the little QR code image, which doesn't do anything. I eventually figured out that there is a "Scan QR Code" link that is "hidden" just out of reach. You have to scroll the page a little bit. Then the link is visible and can be clicked to take action.

Once it's figured out, it's easy to do (though mildly annoying to have to always scroll to get it). The main problem though is it's just not visibly obvious at a glance, and there is a lot of padding around everything that wastes space and makes the content long enough that it has to scroll.

I am not a UI expert, but it seems there a number of things that could make it more accessible/obvious:

• Re-Arrange the "cards" so that the thing that is already "scanning" and thus less-likely to be hit any way be the second choice so the link is more visible as it would end basically in the middle of the screen where the "how do you want to add your device" link currently lands)
• Shrink some of the padding/margins around objects (specifically top and bottom of the content of the "card") so there is a little less white space, and thus doesn't bump the link "below the fold"
• Make the QR image a link/button so that it might be more intuitive to touch the QR icon the link that takes you to actually scan the QR code
• Make each "card" a giant link/button so anything you touch will open the link (each "card" only has one actionable link, so it makes some sense that they act as a button, though that might also frustrate scrolling action too as a mis-click may activate the button)

Maybe I'm the last person to have a 4.7" screen, and no one else sees this issue :) But it seemed like an area that could use a little update to make it more obvious.