Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I have some proposed changes for the damage calculator grid, particularly to make it more mobile friendly.
Currently you have to scroll up/down and left/right a lot, quickly loosing track of the relevant damage type and damage receiver.
On Desktop it can also sometimes not be obvious that there is more content to the right until you scroll all the way down.
By sacrificing a tiny amount of space, its possible to fit all row content on Desktop.
The first row is made sticky, so the relevant information never leaves the screen.
On mobile the first column is also made sticky.
This way you can always see which data corresponds to which damage type and damage receiver.
I tried to keep all the styling as close to the original as possible, but had to cut down on a few paddings.
Let me know what you think!