The main goal here is to make it visually apparent what actions can be taken on each tile without having to first select the tile. A secondary goal is to make the UI easier to use on large screens.
TODO:
[x] update chromedriver to fix tests
[x] replace the "dot" indicator with icons representing each modifier assigned to a tile. The icons will be styled as they are currently styled in the footer. For example, the non-interactable modifiers are a lighter gray, and the actionable modifiers are a darker gray.
[x] update the header and footer to be more condensed and centered. This will make the UI easier to use on large screens.
[x] update the footer so that actions are always displayed top and center and any messaging is displayed below and centered
[x] remove the "press and hold" to move modifiers between tiles in favor of always displaying non-locked actions in the footer. When a non-locked action is applied to a tile with a lock, the action will become locked to that tile.
[x] make it so non-locked actions cannot be used on a locked tile that already has five actions locked to it, since there would be nowhere to place the additional action. Alternatively, the oldest action could be removed in favor of the new one.
The main goal here is to make it visually apparent what actions can be taken on each tile without having to first select the tile. A secondary goal is to make the UI easier to use on large screens.
TODO: