Align the answer buttons in the reviewer

Anki Suggestions
1

Is your feature request related to a problem? Please describe.
The “Show Answer” and “Easy”, “Good”, “Hard”, and “Again” buttons are all misaligned with the centre. This is especially obvious with centre-aligned card templates.

Screenshot_2024-08-10_19-13-17
Screenshot_2024-08-10_19-13-171362×724 35.1 KB

As one can see above, the centre audio button is misaligned with the centre of Hard and Good. The mouse pointer is aligned with the card to ease the comparison. As my UI is in French (which I’m learning; my native language is English), it is more obvious.

I believe the reason they are misaligned is due to the widths of the side buttons but also the individual widths of the centre buttons as well. This is evident as the “Show answer” button is not centred, and the width of the answer buttons is clearly not uniform.

Describe the solution you’d like
Properly evenly aligned buttons that appear correctly in all languages. Presumably they’d have equal width and be correctly centred.

Note: This is Anki Desktop on Arch Linux
Version ⁨24.06.3 (d678e393)⁩
Python 3.12.4 Qt 6.7.2 PyQt 6.7.1
DE: occurs in both Xfce and i3m

1 Like
2

This is not reproducible for me on Windows 11 (with ver 24.06.2 Qt6) – Direct3D video driver, with English or Turkish interface language (minimalist mode on or off). Both “Show Answer” and the grading buttons are properly centered. Is it possible this is a Linux-specific issue?

image
image1030×509 12.7 KB

  1. Have you tried switching your interface to English to see if, as you suspect, the length of the text strings is a factor for your system?
  2. Do you have any add-ons that modify the display? Have you tried it with those disabled?
  3. Can you try turning on Tools > Preferences > Appearance > Minimalist mode? Any difference?
  4. Have you tried any other video drivers? – Tools > Preferences > Appearance > Video driver (restart after each change).
2 Likes
3

English with Vulkan:

Eng Vulkan
Eng Vulkan1362×724 33.5 KB

French minimum with software
Fr Software Min
Fr Software Min1362×724 37.1 KB

Unknown cyrillic language (I chose by random)
Unknown cyrillic vulkan
Unknown cyrillic vulkan1362×724 37.9 KB

French looked the same for all video drivers (I did restart it) including Vulkan, OpenGL, and “Software”.
In English and most other languages including Spanish, Traditional Chinese and Occitan, the “edit” and “more” buttons are the same width. In languages where they are not, such as this cyrillic language I chose by random and French, the centre buttons are misaligned. I believe it is due to these mismatched button widths that the centre four buttons are misaligned.
I suggest that perhaps both of these buttons be assigned a fixed width? There could be problems for languages where they don’t fit however.

(Note: Ignore that the top bar is not a matching language; I didn’t bother to restart just for language changes as I didn’t need to. I did for video drivers and minimalist mode however.)

4

Thanks for trying those additional things! It looks pretty reproducible, so the devs will take a look!

5

You may want to use “Advanced Review Bottom Bar”, this add-on allows you to rewrite the buttons text.

6

I wasn’t sure initially if this was a suggestion or a bug but now I think it’s more accurately described as a bug - should I open an issue on Github?

1 Like
7

Let’s see what the devs have to say about whether it’s fixable. I’m sure @dae or another dev will comment when they have time to take a look. If it needs to be tracked in GitHub, they’ll take care of that.

1 Like
8

I’ve logged it on Align the answer buttons in the reviewer · Issue #3359 · ankitects/anki · GitHub