I noticed that there is no margin between bulk import and options button due to margin-left: auto!important; which overides margin-left: .75rem;
Is there a way we can choose max of the two values?
I am new to Joomla Dev and tried putting a if statement in the sass file, but I am facing problems.

@puneet0191 @yvesh @astridx It is my first PR in Joomla Dev, can you help me out in #23749 (comment) and why Drone CI has failed?

@bahl24 Regarding dron please merge latest changes from joomla-cms/4.0-dev to this PR branch.

@wojsmol Done

I noticed that there is no margin between bulk import and options button due to margin-left: auto!important; which overides margin-left: .75rem;
Is there a way we can choose max of the two values?

You have pointed here the issue with this PR.
the class .ml-auto overrides .subhead .btn-toolbar an therefore the Options toolbar button gets stuck to whatever toolbar we have before it when reducing the browser window.

There is no min or max-margin in CSS and I am not sure we can use percentages here.

@infograf768 Is there any other work around for this problem. I think that if we insert margin-right for the button before option button, we can solve this. Correct me if I am wrong.

Indeed, if we do

.btn-toolbar {
    margin-bottom: 0;
    flex-wrap: nowrap;
    > * {
      margin-right: .75rem;
      box-shadow: $atum-box-shadow;

      &:last-child {
        margin-right: 0;
      }
    }
}

It would work.
And then we also have to modify stuff for RTL.

But the problem is anyway present when one reduces the window size to accomodate tablets and smartphones... The toolbar buttons display far away from the view...
After patch

Before patch

I think that the solution is much more complex and includes a complete refactoring of the toolbar.
@coolcat-creations

@infograf768 I think you are right

Putting this on our list...

Closing as not reproducible with the new backend template.