This margin need to overriden by navbar.

ul.menu li {
  margin: 0 0 0 0.5em;
}

Comments

hass’s picture

hass commented

And top level menu point without a icon don't need the icon space in Horizontal orientation.

jessebeach’s picture

jessebeach commented

I set the margin to zero. Rather than have the li elements enforce spacing, we let the a elements do this so we can maximize their hit area for touch screens.

.navbar .menu li {
  margin: 0;
  padding-top: 0;
}

Committed in 7.x-1.x (8ddad278000f7039816baa103ccc348486e2714f).

I added #1939642: Reset .menu margin from system.css in toolbar.base.css. Currently, toolbar relies on Bartik style.css to do this. to port this change forward.

jessebeach’s picture

jessebeach commented
Status: Active » Closed (fixed)
hass’s picture

hass commented
Status: Closed (fixed) » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.