From 5b33c24594133d07d9a40da3ba83d9f2f30f23ee Mon Sep 17 00:00:00 2001
From: Prashant-thakur77 <prashant101007@gmail.com>
Date: Tue, 21 Oct 2025 20:09:16 +0530
Subject: [PATCH 1/3] Added Kbutton instead of Actionlink and updated the add
 next and previous step Vbtn to Kbutton

---
 .../RelatedResourcesTab.vue                   | 27 +++++++++----------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesTab/RelatedResourcesTab.vue b/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesTab/RelatedResourcesTab.vue
index b965e55db0..b1d8ced1e2 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesTab/RelatedResourcesTab.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesTab/RelatedResourcesTab.vue
@@ -20,7 +20,8 @@
       {{ $tr('previewHelpText') }}
     </p>
     <p class="mb-0 px-4">
-      <ActionLink
+      <KButton
+        appearance="basic-link"
         :text="$tr('showPreviewBtnLabel')"
         @click="showResourcePreview = true"
       />
@@ -71,14 +72,12 @@
           {{ $tr('tooManyPreviousStepsWarning') }}
         </p>
 
-        <VBtn
-          flat
-          color="primary"
-          class="font-weight-bold ml-0"
+        <KButton
+          appearance="flat-button"
+          :text="$tr('addPreviousStepBtnLabel')"
+          :primary="true"
           @click="onAddPreviousStepClick"
-        >
-          {{ $tr('addPreviousStepBtnLabel') }}
-        </VBtn>
+        />
       </VFlex>
 
       <VFlex
@@ -106,14 +105,12 @@
           {{ $tr('tooManyNextStepsWarning') }}
         </p>
 
-        <VBtn
-          flat
-          color="primary"
-          class="font-weight-bold ml-0"
+        <KButton
+          appearance="flat-button"
+          :text="$tr('addNextStepBtnLabel')"
+          :primary="true"
           @click="onAddNextStepClick"
-        >
-          {{ $tr('addNextStepBtnLabel') }}
-        </VBtn>
+        />
       </VFlex>
     </VLayout>
   </div>

From 18c9a4e166057c63b779bbbd770cec345b09a32a Mon Sep 17 00:00:00 2001
From: Prashant-thakur77 <prashant101007@gmail.com>
Date: Tue, 21 Oct 2025 20:11:13 +0530
Subject: [PATCH 2/3] To update  the cross button to kiconbutton and the
 nextsteptitle from vbtn to kbutton modified the relatedresourcesList.vue

---
 .../RelatedResourcesList.vue                  | 31 ++++++-------------
 1 file changed, 9 insertions(+), 22 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue b/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue
index af0fe75adb..bd1fd3a159 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue
@@ -19,13 +19,14 @@
 
         <VListTileContent>
           <VListTileTitle>
-            <ActionLink
+            <KButton
               :class="getTitleClass(item)"
               data-test="resourceLink"
+              appearance="basic-link"
               @click="onItemClick(item.id)"
             >
               {{ getTitle(item) }}
-            </ActionLink>
+            </KButton>
           </VListTileTitle>
           <VListTileSubTitle :class="getTitleClass({ title: item.parentTitle })">
             {{ getTitle({ title: item.parentTitle }) }}
@@ -33,22 +34,12 @@
         </VListTileContent>
 
         <VListTileAction>
-          <VTooltip
-            bottom
-            lazy
-          >
-            <template #activator="{ on }">
-              <VBtn
-                icon
-                data-test="resourceRemoveBtn"
-                v-on="on"
-                @click="onRemoveClick(item.id)"
-              >
-                <Icon icon="clear" />
-              </VBtn>
-            </template>
-            <span>{{ removeBtnLabel }}</span>
-          </VTooltip>
+          <KIconButton
+            data-test="resourceRemoveBtn"
+            :tooltip="removeBtnLabel"
+            icon="clear"
+            @click="onRemoveClick(item.id)"
+          />
         </VListTileAction>
       </VListTile>
 
@@ -61,17 +52,13 @@
 
 <script>
 
-  import ActionLink from 'shared/views/ActionLink';
   import ContentNodeIcon from 'shared/views/ContentNodeIcon';
-  import Icon from 'shared/views/Icon';
   import { titleMixin } from 'shared/mixins';
 
   export default {
     name: 'RelatedResourcesList',
     components: {
-      ActionLink,
       ContentNodeIcon,
-      Icon,
     },
     mixins: [titleMixin],
     props: {

From b82fbb630afc2010a4d8f6c147ee2aacabad6d5a Mon Sep 17 00:00:00 2001
From: Prashant-thakur77 <prashant101007@gmail.com>
Date: Tue, 21 Oct 2025 20:44:00 +0530
Subject: [PATCH 3/3] Removed underline from resource title

---
 .../RelatedResourcesList/RelatedResourcesList.vue     | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue b/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue
index bd1fd3a159..ed6b9c35d2 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/RelatedResourcesList/RelatedResourcesList.vue
@@ -20,7 +20,7 @@
         <VListTileContent>
           <VListTileTitle>
             <KButton
-              :class="getTitleClass(item)"
+              :class="['resourceTitle', getTitleClass(item)]"
               data-test="resourceLink"
               appearance="basic-link"
               @click="onItemClick(item.id)"
@@ -101,3 +101,12 @@
   };
 
 </script>
+
+
+<style scoped>
+
+  .resourceTitle {
+    text-decoration: none !important;
+  }
+
+</style>