jamie-mh
commented
1 year ago This layout was chosen because of the placement of the refresh button on HOTP entries. I'll try moving the button to the right of the code, like in your mockup and see what it looks like.
When using the "Tile" View Mode, all the codes are displayed neatly in a very compact way. However, the icons are now right-aligned. This means the icons can be too far from their labels. In fact, the icons are now closer to the label of the other tile. Look:
The left icons are about 82px away from the labels of the right tiles. Meanwhile, GitLab icon is 222px away from its label, and LinkedIn is 253px away.
As comparison, if you look at any file manager, the icons are always to the left of their filenames (or above the filename, when displaying as thumbnails, but let's ignore this case). Thus, it's a common visual language to have the icon to the left of their labels. (Well, assuming LTR direction, everything gets reversed for RTL languages.)
As a suggestion, I'd propose moving the icons to the left of the labels. Like this mockup:
This change will also keep it consistent with the other View Modes, as those already have the icon to the left of the label.