visual improvements

[gokaygurcan]

Hi,

First of all, great idea! Thanks for making it available.

After playing with it a bit, I did some visual changes to make things more.. aligned. Didn't want to change the code that much from original, so didn't change the folder structure, or separated css/js into different files. But simplified a few things along the way.

Visual changes:

• all the labels (texts) have the same width.
• both inputs and selects have the same width, and internal padding.
• buttons are in the same row and aligned.
• analyze is before modify now.
• output box is smaller (16 row to 14 row), which makes the download button aligned with the others.
• text size in download button matches with other buttons.
• changed the order of "tags" and "boss", and it feels more natural now.

I also considered using the full width of the row for inputs (or share it like 1/3 and 2/3 with labels) but on a larger screen, that becomes a disturbingly long field. This felt more aligned, when they end at the same place as buttons below.

Functional changes:

• added 1.0.1o-full version, since i was touching the file. closes Added version 1.0.1o-full #10 thanks a lot to @jeroenvervaeke for this.
• changed the logic around "cards per ante". it was a list of numbers separated with commas, and when you want to see let's say 32 antes (because you're very curious let's say), it was a big hassle to add 32 times 50 (or whatever) into that small box. Now, it's a number that applies all antes. The default is 15, feel free to change it to 50, then you'll see 50 cards per ante. closes Editing Ante Maximum Card Reset #11

I hope this makes sense. In case someone wants to play with a live version, I deployed my repo to Vercel to see if it's working as expected (with wasm and all): https://balatro-seeds.vercel.app

Cheers,
G.

[rbanks54]

I like the layout improvements! Though I do find the font quite hard to read - the kerning for bold fonts and the smaller font size really reduces readability. Could you choose something a little cleaner?

[OptimusPi]

Generally, I would avoid FontWeight Bold with m6x11plus, it should look great without Bold enabled, even in small fonts.

EDIT: I wonder if removing this bold would make it look better:

TheSoul/UI.js

Line 495 in 780c1c2

font-weight: bold;

[gokaygurcan]

Thanks for your comments, and thanks for giving it a try.

I tried not to change anything related to fonts or general styling decisions, other than maybe the path of the file. In UI.js there's a font-weight: bold; line but in most of the places it's being used, there's also font-weight: normal; lines. I'd assume that's how the font looks like in this case.

TheSoul/UI.js

Lines 494 to 495 in 8343999

	.queueTitle {
	font-weight: bold;

The only place it's used bold, is the queue title (above). You can see the difference below between normal and bold options:

Untitled.mov

[OptimusPi]

I have no authority here but.. I like it :-) It works well the the deployed site.