Shipment/Delivery options not aligned

-- url of the page with the problem -- : localhost
-- HikaShop version -- : business

While at the checkout page, I notice that the shipment and delivery options are not aligned properly on my page.

Please view my uploaded screen for reference. I would like the tables to align properly.

Best Regards,

madjedo

I think I solved this by changing a bit in .css

#hikashop_shipping_methods table {border-collapse:collapse; width:500; table-layout:fixed;} /*ändrat width och fixed */
#hikashop_shipping_methods td {padding:10px 10px;}

#hikashop_payment_methods table {border-collapse:collapse; width:500 table-layout:fixed;} /*ändrat width och fixed */
.hikashop_checkout_payment_description{margin-left:15px}

Shipping and payment methods in checkout are two separate, independent HTML tables. By default, the table cell widths display depending on their content, eventually both tables appearing differently and "not aligned".

So, yes, applying CSS is a way of "controlling" it. However, adding code per individual table (cell) as you did to make it appearing like the other, might work but can be fiddly - and unreliable if content changes, or even from browser to browser.

IMHO, it'd be simpler and reliable if you applied the same CSS for both tables/cells. Once done right, it's guaranteed that both tables will always display the same way (= "aligned").

Just my 2 cents... but of course, do whatever works best for you.