My product page is messy!

[ToProtest377]

https://toprotest.com/products/i-cant-even-think-straight-unisex-hoodie

The tables are often not organized! Although it looks organized on the editor. Also, if you look under the picture, there’s a big empty white space, how can I organize the page, maybe put the description in the empty space and beside it the table. Anybody knows how I can do that?

[oscprofessional]

.product-single__meta {
    text-align: left;
}
fieldset#ProductSelect-option-0 {
    padding: 0;
    margin: 0;
}
fieldset#ProductSelect-option-1 {
    padding: 0;
    margin: 0;
}
.single-option-radio label {
    padding: 10px 8px;
    margin: 0;
}
.product-single__description.rte {
    margin: 0;
}
h1.product-single__title {
    FONT-SIZE: 24px;
}
table.size-guide__table.size-guide__new {
    table-layout: auto;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

[ToProtest377]

Thank you for your help, the price and the sizes have a different look now, and that's coo, but the tables still unorganized, look here for example: 

https://toprotest.com/collections/t-shirts-women/products/pride-flag-unisex-t-shirt

Also, I'd appreciate it if you can help me filling the empty space under the product image, maybe put the description there or something.

[ToProtest377]

Hello?