Incorrect button border radiuses when only a single button in a toolbar group

[Toutouwai]

When there is only a single button in a toolbar group the bottom left and bottom right border radiuses are missing.

This is because the :first-child and :last-child style rules specify all four corners, and one is overriding the other:

leaflet-geoman/src/css/controls.css

Lines 24 to 34 in 4a08abb

	.leaflet-pm-toolbar
	.button-container:last-child
	a.leaflet-buttons-control-button {
	border-radius: 0 0 2px 2px;
	}
	.leaflet-pm-toolbar
	.button-container:first-child
	a.leaflet-buttons-control-button {
	border-radius: 2px 2px 0 0;
	}

The issue is resolved if the rules only specify the corners that are changed from the default.

.leaflet-pm-toolbar
  .button-container:last-child
  a.leaflet-buttons-control-button {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.leaflet-pm-toolbar
  .button-container:first-child
  a.leaflet-buttons-control-button {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

[Falke-Design]

Good catch, thank you. Do you want to make a Pull Request?

[Toutouwai]

Sure, done.