Hi, Michal 

Thanks for reaching out to us

Sorry that i am repeating the same response as on other ticket.

This scenario is not typical for us, so it might take some time to create everything to replicate and come up with custom CSS.

The quickest way might be if we take a look at your page, and work some CSS on it directly, if that is OK?

If you can send me a link to the page, to take a look, please.

Thank you

Hi, Michal 

I just forgot to add - in case if the page has any sensitive data, you can send it to as marked as Private response, so that only we can see. Thank you

Hey, Michal 

It seems i made it better, by adding this CSS, can you try please?

.wpDataTablesFilter .wpDataTableFilterSection#wdt-clear-filters-button-block {
   
    margin-bottom: 0;
    padding-top: 10px;
}
.wpDataTablesWrapper {
    margin-bottom: 0px;
}
.wpDataTablesFilter .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-pf-search-filters-button-block) {
    float: left;
    margin-bottom: 0px;
    margin-right: 27px;
    width: 219px;
    min-height: 74px;
 }

Now, the only side effect that happens, for this selector :  

.wpDataTablesFilter .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-pf-search-filters-button-block)

when we decrease this  min-height  property too much, this "Clear filters" becomes messed up, like this :

So what i did is, i reduced the width of those other filters, and then "Clear filters", hopped up, as you can see, now it is on same line with the other filters...

Let me know how does that seem?

Of course, you can change any of the properties to see if you can get a more suitable style.

Hi, Michal 

That is odd... Yeah, i am wondering this myself, too.  Basically, i inspected the sample page you sent, and on this page's Chrome inspector tool i applied those styles directly...

I can certainly take a look at the back-end, and if you can send me a link to the page where the table is - perhaps it is on a different page?

I double checked this one again, and it seems that some other styles were applied by you successfully, such as on this filter section?

But i do see that on the COIN part of the page, the gap is still there :

If i try to apply same styles again, on my browser it renders the CSS :

Maybe i will spot something if i check your WP-Admin, i can give it a go.

Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

You can write credentials here just check PRIVATE Reply so nobody can see them except us.

-

Alternatively, you can try to add custom CSS directly to the WP page, rather than the table;

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

-

Maybe that will also do the trick, could be even easier, it is worth a shot

Hi, Michal

To be honest, i would not think of this solution;  i am very grateful to you for sharing it.

I will be sure to pass it along with senior colleagues, perhaps it will be useful for other users in similar scenario

I am happy that my hints were at least useful to get you started, that is awesome!

If anything else happens that we might try to assist with, or if you have any questions, of course, don't hesitate to reach out to us with a new ticket.

All the best!