RED-7069, replace buttons. RED-7279, change notification texts.

src/lib/inputs/details-radio/details-radio.component.html

@@ -15,7 +15,7 @@
 
             <div class="text">
                 <label class="details-radio-label pointer">{{ option.label | translate : option.descriptionParams }}</label>
-                <span class="hint">{{ option.description | translate : option.descriptionParams }}</span>
+                <span class="hint">{{ option.description | translate : option.descriptionParams | replaceNbsp }}</span>
 
                 <div *ngIf="option.extraOption && !option.extraOption.hidden && isSelected(option)" class="iqser-input-group">
                     <mat-checkbox

src/lib/inputs/details-radio/details-radio.component.ts

@@ -8,6 +8,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { ReplaceNbspPipe } from '../../pipes/replace-nbsp.pipe';
 
 @Component({
     selector: 'iqser-details-radio [options]',
@@ -37,6 +38,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
         MatCheckboxModule,
         ReactiveFormsModule,
         MatTooltipModule,
+        ReplaceNbspPipe,
     ],
 })
 export class DetailsRadioComponent<I> extends FormFieldComponent<DetailsRadioOption<I>> {

src/lib/pipes/replace-nbsp.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+    name: 'replaceNbsp',
+    standalone: true,
+})
+export class ReplaceNbspPipe implements PipeTransform {
+    transform(value: string): string {
+        return value.replace(/ /g, ' ');
+    }
+}