From ec1aef6627b79d085305b7c9eb0eb29061a9bacd Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Thu, 25 Jan 2018 11:18:13 +0000
Subject: [PATCH] Changed to radio buttons on transaction category input

---
 src/app/dashboard/add-data.component.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/app/dashboard/add-data.component.html b/src/app/dashboard/add-data.component.html
index c778998..e5ee80f 100644
--- a/src/app/dashboard/add-data.component.html
+++ b/src/app/dashboard/add-data.component.html
@@ -27,13 +27,11 @@
           <div class="form-group row">
             <label class="col-md-3 form-control-label" for="text-input">Category</label>
             <div class="col-md-9">
-              <div class="input-group">
-                <select type="text" class="form-control" [(ngModel)]="categoryId" size="10">
-                  <option value="">Uncategorised</option>
-                  <option *ngFor="let category of categoryIdList, let i=index" [ngValue]="category" >
-                    {{ categoryNameList[i] }}
-                  </option>
-                </select>
+              <div class="radio" *ngFor="let category of categoryIdList, let i=index">
+                <label>
+                  <input [value]="category" type="radio" name="radios" [(ngModel)]="categoryId">
+                  {{ categoryNameList[i] }}
+                </label>
               </div>
               <span class="help-block"><strong>Optional:</strong> Choose the relevant Category for the purchase.</span>
             </div>