OutlierVentures / BuyCoPoc

BuyCo.io Proof of Concept on an Ethereum blockchain
Apache License 2.0
0 stars 1 forks source link

Filters on small screen: layout wrong, first all labels then all fields #21

Closed AronVanAmmers closed 8 years ago

AronVanAmmers commented 8 years ago

Not clear which field is what, would expect something like:

[label]:
[  field  ]
[label]:
[  field  ]
etc.

2016-01-28 18_11_16-buyco proof of concept

bartvanderwal commented 8 years ago

I'll fix it

bartvanderwal commented 8 years ago

Yeah, I changed it to two rows to prevent this look : screen shot 2016-01-30 at 23 51 12 (note the search button is misaligned with the input fields)

But the two rows indeed doesn't work well when scaling below Bootstrap'smd size. I don't want to use col-sm- tags as an alternative, because 5 cols will not fit on a small screen nicely. Bootstrap doesn't have anything in it's standard for this, a <label>&nbsp;</label> doesn't work out and I don't like a custom CSS solution, since I'd rather leave that to the designer.

So I just moved the Filter label from the first to the last col, so it's above the search button: screen shot 2016-01-31 at 00 18 29