/* default box margin inside a Clamp. That's the main box */
.main-box { margin: 16px 8px; }


/* rounded corners lists
 ideally, there should be a GtkListBox with "content" class, which gets automatically
 the rounderd corners. But it brokes with list headers, so just to keep things nice
 we round out the frame (which give us the border, and the list.
*/
frame > border, frame > list {
  border-radius: 8px;
}

list > .first {
  border-top-left-radius: 8px;
}
list > .last {
  border-bottom-left-radius: 8px;
}



/* remove margin and border on small width in first page
  and in other pages when leadlet is folded.
  I don't know from where the -2px margin comes from, but with 0 i still get some
  margin * /
leaflet.folded  .main-box { margin: 16px 0px; }
leaflet.folded .main-box > frame > border,
leaflet.folded .main-box > frame > list { border-radius: 0; }
*/
.clean-list clamp.small .main-box { margin: -2px 0px; }
.clean-list clamp.small .main-box > frame > border {
  border-width: 0; border-bottom-width: 1px;
  border-radius: 0;
}



/* floating toolbar over map */
.map-toolbar { border-radius: 5px; margin: 0 16px 16px 0; }

