Refined-github: The tags dropdown seems to align weirdly

[fregante]

The tags dropdown seems to align weirdly...

_Originally posted by @jerone in https://github.com/sindresorhus/refined-github/pull/1896#issuecomment-485262710_

That's due to https://github.com/sindresorhus/refined-github/commit/ca8b1e13f78c50a5a3283982fba41e8be49e12c0 and I don't know how to fix it since they dropped the .issues-listing class I was relying on.

PR welcome

[hardikmodha]

@bfred-it I'll look into it.

[fregante]

I found a solution just now

[hardikmodha]

That's great. What's your approach?

[fregante]

Actually it's just this

/* For `widen-search-field`: Move extra buttons to the right on Releases */
.subnav-links {
    margin-right: auto;
}

Which works for one:

But it would require even more CSS if there are 2:

So a proper solution for widen-search-field would be appreciated (i.e. a selector alternative to .issues-listing)

[hardikmodha]

I kind of did the same but using flex-grow: 1.

.subnav-links {
    flex-grow: 1;
}

.subnav-links + .float-right {
    order: 1;
}

[fregante]

That works too. Send a PR?

[hardikmodha]

On it...

[hardikmodha]

@bfred-it Should I drop your change? The build is failing because of the duplicate selector.

[hardikmodha]

Didn't mean to spam with commits but don't know something weird happened and I had to force-push and merge again.

[loilo]

For the record, the distance between the buttons still seems to be messed up in several ways.

With no API key entered:

---

With API key entered:

[jerone]

Confirmed. This seems only to happen when you have admin rights to the repo, hence the "Draft a new release" button.

[loilo]

Yep. The first screenshot is due to the expanded search bar — the parent element is now a flex container and therefore the floats collapse. This was fixed with a margin-left: auto on the right part, but that's only included when the Select Tag feature is enabled (i.e. when an API key is entered).

The collapsing in the second screenshot was handled in the tag selection PR, the "Select Tag" button actually has a margin — but to the wrong side (right instead of left).

Should be easy to fix, I'll attach a PR if I can find the time to do so today.

[fregante]

Refer to https://github.com/sindresorhus/refined-github/issues/2013