by pivica: form required mark needs to have span elements so it does not...

by pivica: form required mark needs to have span elements so it does not conflict with custom checkbox/radio pseudo after element.

themes/bs_bootstrap/sass/components/partials/_forms.scss

@@ -16,7 +16,7 @@ label {
 }
 
 .form {
-  &-required::after {
+  &-required-mark::after {
     display: inline-block;
     margin-left: 0.3em;
     content: '*';
@@ -323,14 +323,6 @@ details {
       &::before {
         border: $input-btn-border-width solid $input-border-color;
       }
-
-      // For some reason Bootstrap is adding after pseudo element which is
-      // absolute positioned and empty. This will mess up position of our
-      // required element so for now lets just reset position to
-      // static.
-      &.form-required::after {
-        position: static;
-      }
     }
 
     &-input:checked ~ .custom-control-label::before {

themes/bs_bootstrap/templates/form/form-element-label.html.twig

@@ -25,6 +25,6 @@
 %}
 {% block label %}
   {% if title is not empty or required -%}
-    <label{{ attributes.addClass(classes) }}>{{ title }}</label>
+    <label{{ attributes.addClass(classes) }}>{{ title }}{% if required %}<span class="form-required-mark"></span>{% endif %}</label>
   {%- endif %}
 {% endblock label %}