Fixed focus ring for segmented buttons

Replaced border-image with colored border to let the
whole button border be highlighted.

Moreover, adjusted
- border-radius to match with the unfocused button
- margin and padding to cope with the thicker border when focused
    and keep the same overall button size.

fixes: https://github.com/CanonicalLtd/desktop-design/issues/24