How to move textcat label list to the side?

1

Hi everyone,

I'm trying to wrap my head around the custom css documentation but still unsure how to achieve what I want. I've been adjusting prodigy.json to get the layout I want (through card_css and theme) but I can't quite figure out how to do the custom css changes to move my label list for textcat to the side.

Here's how it looks now:

image
image1147×1119 12.6 KB

And here's what I've been trying to get (my best attempt using paint to demonstrate):

image
image1476×755 12.7 KB

Is this achievable using prodigy.json or do I have to do something more complex to achieve these css changes?

2

You can do that with global_css
check prodigy_content and prodigy_options parent divs classes names, because set the width on prodigy_options and content failed to me
"global_css": " .c01147 { display: flex; width: 50%; float: left;} .c01150 { width: 40%; float: left;} ",

3

This answer from a previous thread might be useful. You can configure a CSS grid to generate columns.

4

Where would I find those class names? The only documentation I see that covers this is here: https://prodi.gy/docs/custom-interfaces

Here it just says the parent .prodigy-content and .prodigy-options.

5

image
image1165×1266 16.4 KB

@info2000 I ended up using .c0#### as well to align everything. Thank you for the suggestion, although I wish I could understand how to access everything via the class names.

I wish I was better at CSS/web dev so I could align the buttons to the content card, but this is fine for now :slight_smile: Thanks so much for your help everyone!

2 Likes