Layout needs improvements

[Purfview]

1. Make order of the sites to be case insensitive (so "bB" would be at top, not at the bottom).
2. "Quick search:" string looks out off place, maybe move it above the sites.
3. Make "Batch transfer" button a bit smaller, more near the size of the site names.
4. Move "Covert to thumbnails" button in a new row below Douban stuff.
5. Make all white buttons to look more like a button, maybe some color and style would help.

Here how it look on ptp initially and after both middle buttons pressed:

What you think about dual language (check if script at my fork works for you)?

[techmovie]

@Purfview 1 will be fixed.
2 do you mean the Quick Search string is too long?
3 change to a text button maybe look great.
4. move button to a new row may waste more space.Make the button more smaller may be a good choice
5. Dose the color of the button make you confused？🤔 The button style is from UI component Element.
6. Many thanks for your translation. Looks perfect.
Your way is more efficiency. I'm considering create sth like laguage config json though. It can reduce more conditional judgment.

[Purfview]

2. I meant to make it more ergonomic, same as "Transfer to", to be on the same line with the site names.
4. Or maybe change "Working.../Success!" messages to colors of the button like "Yellow/Green". Jumping buttons around is not a good design in general. :)
5. Not confusing, just buttons look bland, maybe some more visible border would help.
6. Separate config module would be the best approach, but I doubt that anyone will want to translate it to more languages.

[techmovie]

Got it. I'll fix them all in next version(maybe 1.2.7😝)
6. English is enough

[Purfview]

7. That rotating config button consumes so much cpu/gpu for some reason. If I apply my Darkmode script on top of it then it starts to consume even more, a whole core. 😲

Maybe gif would be a solution.

[Purfview]

8.Rotating svg button sometimes doesn't work, like it doesn't register clicks.
On my fork I tried a png image and it solved the click problem, but cpu/gpu consumption is same, looks like that css animation eats a lot of cpu/gpu cycles on some styles.
(Need to find some good gif creation program.)

[techmovie]

@Purfview Have you tested the cpu consumption is exactly caused by the rotate icon?I checked yesterday,didn't reproduce this issue.

[Purfview]

Yes, and I found info on internet that those css animations are cpu/gpu hungry, nothing can be done about them.

First I noticed unusual high speed on GPU fan, bit by bit I found that if you disable rotation on icon then GPU fan gets quiet, then I disabled hardware acceleration in browser and then CPU usage jumped up when I enabled rotation animation.

[techmovie]

@Purfview Maybe I should just remove the animation.The only purpose of the animation is drawing some attention in case of that users don't know where is setting panel.

[Purfview]

I like animated icon and yes it directs users where settings are.
Gif animation would solve cpu/gpu usage problem, but I couldn't find good gif on internet, need to DIY with some soft.

[techmovie]

@Purfview I'll try it out.

[Purfview]

Found that Photoshop has function to create animated gifs. I created one but problem is that small gifs(64x64) have visible artifacts which looks bad on a dark background. 😧
I think good solution would be an option in settings to turn off animation.
Check if png icon in my fork looks good to you, I can PR it to solve randomly not registering mouse clicks on the svg icon.