New inputs.scss design

[skjnldsv]

Since the inputs.scss file is a bit messy, I was wondering if it won't be better to rewrite everything.
Here's my results so far.

Side-by-side comparison: Codepen

Do you like the change? Do you find t more readable? What are the changes you would do?

@nextcloud/designers @jancborchardt

[Espina2]

You want opinions about code or visual?

[skjnldsv]

@Espina2 visual

[MorrisJobke]

I really like it a lot 👍

[Espina2]

I think the buttons can have a bit more padding and bit bigger.

[skjnldsv]

@Espina2 What do you suggest? :)
Could be a good idea!

[MorrisJobke]

And the time input is higher than all other inputs and therefore looks out of place.

[Espina2]

All the elements are the exact same thing as in the app? So I can have a quick overview how this are going to look?

[blizzz]

I also really like it! One thing range seems kaput (on FF 50)? Nothing is visible.

[skjnldsv]

@blizzz Noticed this too. Will fix.
@Espina2 I don't understand what you mean 😆

[Espina2]

Sorry my english sometimes is bad.

What I'm trying to ask is if are any visual changes to what we have now in nextcloud.

[skjnldsv]

Yes, the codepen have two rows: the left one is the current nextcloud design, the right is my submission :)

[skjnldsv]

@Espina2 @MorrisJobke @blizzz I updated the codepen. New feedback? 😄