diff --git a/src/app/components/myjob-offers/myjob-offers.component.html b/src/app/components/myjob-offers/myjob-offers.component.html
index e81fd89..b23397a 100644
--- a/src/app/components/myjob-offers/myjob-offers.component.html
+++ b/src/app/components/myjob-offers/myjob-offers.component.html
@@ -116,7 +116,7 @@
 <div *ngIf="total_item==0">
   <ion-card style="background-color: #e3d1d4; margin: 0px;">
     <ion-card-content>
-      This task is currently not assigned to the public or any user.
+      You have yet to assign a task to be accepted or placed in the public marketplace for any user.
     </ion-card-content>
   </ion-card>
 </div>
diff --git a/src/app/pages/preferences/preferences.page.html b/src/app/pages/preferences/preferences.page.html
index db1ebf2..7d95851 100644
--- a/src/app/pages/preferences/preferences.page.html
+++ b/src/app/pages/preferences/preferences.page.html
@@ -7,7 +7,7 @@
 <ion-content>
   <div class="ion-padding">
     <div class="boxed_contents">
-      <ion-card>
+      <ion-card style="margin: 0px 0px 20px 0px;">
         <ion-card-header>
           <ion-card-title>Use Preference</ion-card-title>
           <!--      <ion-card-subtitle>Use Preference</ion-card-subtitle>-->
@@ -17,13 +17,26 @@
           Tell us your best use scenario to help optimize your ease of use.
         </ion-card-content>
       </ion-card>
-      <div style="background-color: white; border-radius: 10px; padding: 20px;">
-        <ion-list>
-          <ion-item *ngFor="let item of prefData" style="padding: 2px 10px 10px 2px; margin-right: 10px;">
-            <div class="chk-item" style="width: 25px;"><ion-checkbox   labelPlacement="end"> </ion-checkbox></div><span class="chk-item" style="color: #0b5e86;">{{item.description}}</span>
+
+<!--      <div style="background-color: white; border-radius: 10px; padding: 20px;">-->
+<!--        <ion-list>-->
+<!--          <ion-item *ngFor="let item of prefData" style="padding: 2px 10px 10px 2px; margin-right: 10px;">-->
+<!--            <div class="chk-item" style="width: 25px;"><ion-checkbox   labelPlacement="end"> </ion-checkbox></div><span class="chk-item" style="color: #0b5e86; margin-left: 10px;">{{item.description}}</span>-->
+<!--          </ion-item>-->
+<!--        </ion-list>-->
+<!--      </div>-->
+
+
+      <ion-list>
+        <ion-radio-group name="user_pref" [(ngModel)]='user_pref' value="{{user_pref_value}}" (ionChange)="getPrefValue()">
+          <ion-item *ngFor="let item of prefData" style="padding: 2px 10px 10px 2px; font-size: 24px;">
+            <ion-label class="ion-text-wrap" style="font-size: 22px;">{{item.description}}</ion-label>
+            <ion-radio slot="end" value="{{item.pref}}"></ion-radio>
           </ion-item>
-        </ion-list>
-      </div>
+        </ion-radio-group>
+      </ion-list>
+
+
 
     </div>
   </div>
diff --git a/src/app/pages/preferences/preferences.page.ts b/src/app/pages/preferences/preferences.page.ts
index 6a13bdc..20f0d90 100644
--- a/src/app/pages/preferences/preferences.page.ts
+++ b/src/app/pages/preferences/preferences.page.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit, ViewChild} from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import {WrenchService} from "../../services/wrench.service";
@@ -10,6 +10,8 @@ import {SessionDataProviderService} from "../../store/session-data-provider.serv
 })
 export class PreferencesPage implements OnInit {
 
+    user_pref_value:string="Olu";
+
   constructor(
       private navctr: NavController,
       private router: Router,
@@ -55,7 +57,10 @@ export class PreferencesPage implements OnInit {
     );
   }
 
-  // usePreferences(reqData){
-  //   return this.getPostData("preferences", reqData);
-  // }
+    @ViewChild('user_pref') user_pref;
+    getPrefValue(){
+
+        console.log(this.user_pref);
+
+    }
 }