Breadcrumbs on Mobile Fix

Hi I found out that (at least for iPhone 13 Pro) the Bredcrumbs will have a weird Line-Break due to the Viewport-Width.

So I have changed the CSS File "breadcrumbs.css" accordingly:

> #breadcrumbs {
line-height: 15px;
padding-inline-start: 3rem;
}
#breadcrumbs span {
display: inline-block;
padding: 0 1rem;
}
#breadcrumbs span:first-child {
padding-inline-start: 0;
}
#breadcrumbs i {
display: inline-block;
width: 20px;
text-align: center;
}
#breadcrumbs a {
padding: 0 !important;
}
#breadcrumbs span:not(:first-child) {
display: flex;
justify-content: space-between;
align-items: center;
}

With this change the handling of the Line-Breaks are smooth again, maybe we could get this into the plugin so I dont need to do it again on a Plugin Update.

Thanks!

Start by inspecting breadcrumbs.css and reproducing the wrapping at the iPhone 13 Pro viewport. Compare the existing rules with the CSS proposed in the issue and verify that breadcrumbs no longer develop awkward line breaks at narrow widths.

Written by the indexing model from the issue text.