Icons' size in the night order

[MRegnard]

Hi again!

I was changing the night order, and I'd like to change something: the icons' size.
To be more precise, the icons' size is greater when this role is given. And I don't like this because this cuts the icon, so I wanted to never change the size.
So, where in NightOrderModal.vue this size is changed?

Thanks in advance!

[EDIT: With more tests, I understood that it's made automatically when there is a new line (with the name of people with this role). But this doesn't solve the issue of the cut icon. The problem is more probably in the position of the icons and of the colons, where these positions are defined?]

[bra1n]

I'm not sure I understand what you're trying to do - I didn't intend any icon sizes to change on the night order screen. Sounds like you might have discovered a bug, though?

[MRegnard]

That's strange.
First of all, I cannot do the same thing on your site, because the host is never created. So, I cannot assign roles.
However, even without assign the roles, I have already the problem with long names. (NB: Only if there is enough players to have Minion and Demon infos)

But, on a locale copy of your branch, I see exactly the same thing as my version. So, the issue it seems the issue comes from your version. Did you use the default branch for clocktower.online? Or for the version you used in your last message?

PS: It is difficult to say if some points changed in my version, because I am not the only one to work on. But, if I copy your version of NightOrderModal.vue, in my fork, and I have exactly the same result (assuming that you use the default branch).

PPS: In fact, I don't think this size change is problematic. It could even be useful for ST. The only issue is that pictures are cut, and this could be solved changing the position of columns.

[bra1n]

It looks like you're using the app on a rather small screen... I guess the icons might look a bit off in that case. You could replace the ul li .icon CSS rules for the background with these to fix the issue:

    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;

[MRegnard]

Hum... In which file I have to change it?

[bra1n]

Here: https://github.com/bra1n/townsquare/blob/develop/src/components/modals/NightOrderModal.vue#L264

[MRegnard]

Cool, thanks!