CSS Help

BKeyport

@sdetweil So, how would I get down to container, and restrict it to within the top bar?

sdetweil

@BKeyport in css you can’t as it selects all

using code you can, cause u can change one element

shin10

Just use

.region.top.bar .module {
    display: inline-block;
}

or even better, explicitly the modules you want in one line (to avoid notifications shifting everything to the left in case they pop up)

.MMM-FlipClock, .MMM-Worldclock {
    display: inline-block;
}

(*oops - edited)

BKeyport

@shin10 2nd option is near perfect! Thanks! (changed it to inline-flex, and it lines up correct)

sdetweil

@BKeyport but you asked to modify top_bar, not your module…

BKeyport

@sdetweil True, because I didn’t know the solution was to specify per-module.

sdetweil

@BKeyport ah , requirements… lol

BKeyport

Devil in the details, again.