From 9558be7e1d0675c5deeadae6f137c24fc8d8e6e0 Mon Sep 17 00:00:00 2001
From: annampak <annampak@hotmail.com>
Date: Fri, 9 Feb 2018 13:38:03 +0200
Subject: [PATCH] radio buttons inline

---
 .../dynamic-field-boolean-decision.component.html            | 4 ++--
 .../dynamic-field-radiobox.component.css                     | 5 -----
 .../dynamic-field-radiobox.component.html                    | 2 +-
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-boolean-decision/dynamic-field-boolean-decision.component.html b/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-boolean-decision/dynamic-field-boolean-decision.component.html
index 7899a785f..36cc5de38 100644
--- a/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-boolean-decision/dynamic-field-boolean-decision.component.html
+++ b/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-boolean-decision/dynamic-field-boolean-decision.component.html
@@ -1,6 +1,6 @@
 <div [formGroup]="form">
-    <mat-radio-group formControlName="value" [required]="field.validationRequired">
-        <mat-radio-button name="{{field.id}}" value="true">Yes</mat-radio-button>
+    <mat-radio-group formControlName="value" [required]="field.validationRequired" style="display:inline-flex">
+        <mat-radio-button style="margin-right:15px;" name="{{field.id}}" value="true">Yes</mat-radio-button>
         <br>
         <mat-radio-button name="{{field.id}}" value="false">No</mat-radio-button>
     </mat-radio-group>
diff --git a/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.css b/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.css
index 3ea0d17c5..3eeae76a7 100644
--- a/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.css
+++ b/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.css
@@ -1,11 +1,6 @@
 .radio-label {
     margin-left: 10px;
 }
-
-.inline-radio{
-    display: inline-flex;
-    flex-direction: row;
-}
 .mat-radio-group .mat-radio-inline {
     display: flex;
 }
diff --git a/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.html b/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.html
index bd4e2952a..84ea39f02 100644
--- a/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.html
+++ b/dmp-frontend/src/app/form/dynamic-fields/dynamic-field-radiobox/dynamic-field-radiobox.component.html
@@ -1,5 +1,5 @@
 <div [formGroup]="form">
-    <mat-radio-group formControlName="value" [required]="field.validationRequired" class= "mat-radio-inline">
+    <mat-radio-group formControlName="value" [required]="field.validationRequired" style="display:inline-flex">
         <div *ngFor="let option of this.field.data.options let index = index">
         <mat-radio-button class="radio-button" [value]="option.value" >{{option.label}}</mat-radio-button>
       </div>