Adjust HTML code on widget

Hi There!

I need some help because I am absolutley not an HTML expert.
I want to implement a “seat me” widget into my site, so people can make a reservation in the restuarant. But it doesn’t really look the way I want it to, it looks all cramped! What to do?

This is the website where you can find the reservation widget:
http://testomgeving.koppeinbeeld.nl/reserveren/

This is the HTML Code I think I need to adjust:

<div id="rm_reservation" class="section-content" style="float: none;margin: auto;">
   <div class="rm_reservation_top"></div>
   <div class="rm_reservation_body">
      <!--sample style from SeatMe-->
      <link type="text/css" rel="stylesheet" href="https://www.seatme.nl/css/srm.css">
      <div id="rm_wrapper">
         <!-- this is the script which generates the form -->
         <script language="javascript" type="text/javascript" src="https://www.seatme.nl/srm/?rid=6798&af=4211&lang=nl"></script>
      </div>
   </div>
   <div class="rm_reservation_bottom"></div>
</div>

Does anyone have an idea of how to fix this?

Thanks in advance!

Hello,

It doesn’t look like a Sydney theme issue. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork.

Kind Regards, Roman.