Resolve PR issues #2

src/components/atoms/OcContextualHelper/OcContextualHelper.vue

@@ -1,19 +1,26 @@
 <template>
   <div class="oc-contextual-helper">
-    <oc-button :id="`${buttonId}`" appearance="raw">
+    <oc-button :id="buttonId" appearance="raw">
       <oc-icon name="question" fill-type="line" size="small" />
     </oc-button>
     <oc-drop :drop-id="dropId" :toggle="`#${buttonId}`" mode="click" close-on-click>
       <div class="info-drop-content">
-        <span class="info-text" v-text="text" />
+        <p class="info-text" v-text="text" />
         <ul v-if="list.length" class="info-list oc-pl-l">
           <li v-for="(item, index) in list" :key="index" class="oc-pl-rm">
             {{ item }}
           </li>
         </ul>
-        <span class="info-text-end" v-text="endText" />
-        <a v-if="readMoreLink" class="info-more-link" :href="readMoreLink" target="_blank"
-          >Read more</a
+        <p class="info-text-end" v-text="endText" />
+        <oc-button
+          v-if="readMoreLink"
+          v-translate
+          appearance="raw"
+          size="small"
+          class="info-more-link"
+          :href="readMoreLink"
+          target="_blank"
+          >Read more</oc-button
         >
       </div>
     </oc-drop>
@@ -24,11 +31,12 @@
 import uniqueId from "../../../utils/uniqueId"
 import OcButton from "../../atoms/OcButton/OcButton.vue"
 import OcIcon from "../../atoms/OcIcon/OcIcon.vue"
+import OcDrop from "../../atoms/OcDrop/OcDrop.vue"
 
 export default {
   name: "OcContextualHelper",
   status: "unreleased",
-  components: { OcButton, OcIcon },
+  components: { OcButton, OcIcon, OcDrop },
   props: {
     text: {
       type: String,