diff --git a/src/components/CGridTableRec/CGridTableRec.vue b/src/components/CGridTableRec/CGridTableRec.vue
index 2bd3b3d9..3513f339 100755
--- a/src/components/CGridTableRec/CGridTableRec.vue
+++ b/src/components/CGridTableRec/CGridTableRec.vue
@@ -368,8 +368,8 @@
           <q-card :class="props.selected ? 'bg-grey-2 my-card-withshadow no-padding' : 'my-card-withshadow no-padding'"
                   style="background: radial-gradient(circle, #ffffff 0%, #bbddff 100%)">
             <q-bar v-if="!visuinpage && canModifyThisRec(props.row)" dense class="bg-primary text-white full-height">
-              <q-badge v-if="props.row['adType']" :color="props.row['adType'] === 1 ? 'green' : 'red'">
-                {{ fieldsTable.getValByTabAndId(tablesel, 'adType', props.row['adType']) }}<q-icon :name="props.row['adType'] === 1 ? 'fas fa-street-view' : 'fas fa-search'" color="white" class="q-ml-xs" />
+              <q-badge v-if="props.row['adType']" :color="fieldsTable.getColByAdType(props.row['adType'])">
+                {{ fieldsTable.getValByTabAndId(tablesel, 'adType', props.row['adType']) }}<q-icon :name="fieldsTable.getIconByAdType(props.row['adType'])" color="white" class="q-ml-xs" />
               </q-badge>
 
               <q-space/>
diff --git a/src/components/CMySkill/CMySkill.vue b/src/components/CMySkill/CMySkill.vue
index bce46af0..52d11098 100755
--- a/src/components/CMySkill/CMySkill.vue
+++ b/src/components/CMySkill/CMySkill.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="q-py-xs centermydiv" :style="`min-width: `+ (tools.getwidth($q) - 20) +`px;`">
-    <q-item v-if="myskill" clickable v-ripple>
+    <q-item v-if="myskill" clickable v-ripple class="shadow-2 q-btn--rounded bg-teal-1">
       <q-item-section avatar @click="naviga(`/my/` + myskill.username)">
-        <q-badge class="q-my-xs self-center" :color="myskill.adType === 1 ? 'green' : 'red'">
+        <q-badge class="q-my-xs self-center" :color="fieldsTable.getColByAdType(myskill.adType)">
           {{ fieldsTable.getValByTabAndId('myskills', 'adType', myskill.adType) }}
-          <q-icon :name="myskill.adType === 1 ? 'fas fa-street-view' : 'fas fa-search'" color="white"
+          <q-icon :name="fieldsTable.getIconByAdType(myskill.adType)" color="white"
                   class="q-ml-xs"/>
         </q-badge>
         <q-avatar size="60px">
diff --git a/src/store/Modules/fieldsTable.ts b/src/store/Modules/fieldsTable.ts
index 2228982d..6a80aadc 100755
--- a/src/store/Modules/fieldsTable.ts
+++ b/src/store/Modules/fieldsTable.ts
@@ -1094,6 +1094,24 @@ export const fieldsTable = {
     return ''
   },
 
+  getColByAdType(adType: number) {
+    if (adType === 1)
+      return 'green'
+    else if (adType === 2)
+      return 'red'
+    else if (adType === 3)
+      return 'blue'
+  },
+
+  getIconByAdType(adType: number) {
+    if (adType === 1)
+      return 'fas fa-street-view'
+    else if (adType === 2)
+      return 'fas fa-search'
+    else if (adType === 3)
+      return 'fas fa-calendar-plus'
+  },
+
   colTableCalZoom: [
     // AddCol({ name: '_id', label_trans: 'reg.id' }),
     AddCol({ name: 'title', label_trans: 'event.title' }),