How to make topic Title and Tag selector on the same line?

UX
1

Hi, my community does not use categories so I’ve hidden it with CSS.

image
image979×502 17.5 KB

Now I’m trying to make the Title field and Tag selecter kit to be on the same line to conserve space.
So first thing I’ve done is to remove the flex-grow: 1 property under #reply-control .title-input input. This makes the Title field at a good spot.

image
image980×505 19.5 KB

How can I make the tag selector to be the same size as the title field and to be placed right next to it on one line instead of taking up two lines. I will really appreciate any help, thank you.

2

Try the following CSS:

#reply-control .with-tags .title-input {
  flex: 1 1 50%;
  margin-left: 0;
  margin-right: 5px;
}

II think it makes a little more sense to have more width for the title, but if you want the two inputs to be even in width, change the 50% to 25%.

6 Likes
3

You’re an absolute legend :smiley: Thank you so much!

2 Likes