Feature/layout mode + wacom support staging

[elliot2]

Hi @Esshahn

Here is the same again, however with the layout mode as just number inputs. ie, so the user can just define the layout :

eg. 4 x 1 :

[Esshahn]

Pretty awesome!
Some observations:

• On Safari, the up/down form buttons of the input fields are misaligned

• when in multi-sprite view, only the sprite color of the first sprite is used, not the individual sprite color (note that the second sprite should be yellow here)

• the grid setup gets lost when clicking on a sprite which has no following sprites. To reproduce with the image example above:

• 1. click on sprite 1 and set the grid to 4x1.
• 2. click on sprite 4.
• 3. click on sprite 1 again

• result: grid is reset to 1x1 again

If think it's because there would not be any sprite to display if e.g. we are looking at the last sprite. Maybe we could force the grid view and if there's nothing to display, show an empty grayed out area? That way the UI would stay consistent and the user would not need to readjust the grid, what do you think?

[Esshahn]

had to move around the css files since there was a loading issue, hence the conflict.

[elliot2]

Ah yes, I'll take a look at the individual color thing tonight.

I think the safari thing might be a bit of a challenge as I am not running on a mac at the moment. Are you able to strip off some of the styling and see if it helps, I was trying to get a dark theme.

[Esshahn]

Individual sprite color now works great!

[elliot2]

Ok, cool. Also I made an adjustment for the grid division depending on if it is a multi layout :

[Esshahn]

love it!

[elliot2]

This change will mean the layout does not need to be reset each time.

[Esshahn]

Found a bug: when entering a number in the layout input field, the number 1 gets added.

Reproduce (Safari & Chrome):

1. Start with a normal 1x1 layout
2. Click into the first input field
3. delete the 1
4. enter 2
5. Result: Number 12 is shown
6. Expected: Number 2 is shown

Additionally, I'd suggest we remove the up/down buttons from the input fields for now as they are quite big and do not work on safari yet. I think we're fine without them, too.

[Esshahn]

Minor: noticed that the "x" is not centered between the input fields

[elliot2]

Updated.