Fixing html tags in text

Author: davidjumani

src/locales/en.json

@@ -793,8 +793,8 @@
 "label.done": "Done",
 "label.double.quotes.are.not.allowed": "Double quotes are not allowed",
 "label.download": "Download",
-"label.download.kubeconfig.cluster": "Download kubeconfig for the cluster <br><br> The <code>kubectl</code> command-line tool uses kubeconfig files to find the information it needs to choose a cluster and communicate with the API server of a cluster.",
-"label.download.kubectl": "Download <code>kubectl</code> tool for cluster's Kubernetes version",
+"label.download.kubeconfig.cluster": "Download kubeconfig for the cluster <br><br> The <code><b>kubectl</b></code> command-line tool uses kubeconfig files to find the information it needs to choose a cluster and communicate with the API server of a cluster.",
+"label.download.kubectl": "Download <code><b>kubectl</b></code> tool for cluster's Kubernetes version",
 "label.download.kubernetes.cluster.config": "Download Kubernetes cluster config",
 "label.download.progress": "Download Progress",
 "label.dpd": "Dead Peer Detection",
@@ -2145,7 +2145,7 @@
 "label.usageinterface": "Usage Interface",
 "label.usagename": "Usage Type",
 "label.usageunit": "Unit",
-"label.use.kubectl.access.cluster": "Use <code>kubectl</code> and <code>kubeconfig</code> file to access cluster",
+"label.use.kubectl.access.cluster": "<code><b>kubectl</b></code> and <code><b>kubeconfig</b></code> file to access cluster",
 "label.use.vm.ip": "Use VM IP:",
 "label.use.vm.ips": "Use VM IPs",
 "label.used": "Used",

src/views/compute/KubernetesServiceTab.vue

@@ -40,23 +40,21 @@
         <a-card :title="$t('label.using.cli')" :loading="this.versionLoading">
           <a-timeline>
             <a-timeline-item>
-              <p>
-                {{ $t('label.download.kubeconfig.cluster') }}
+              <p v-html="$t('label.download.kubeconfig.cluster')">
               </p>
             </a-timeline-item>
             <a-timeline-item>
+              <p v-html="$t('label.download.kubectl')"></p>
               <p>
-                {{ $t('label.download.kubectl') }} <br><br>
                 {{ $t('label.linux') }}: <a :href="this.kubectlLinuxLink">{{ this.kubectlLinuxLink }}</a><br>
                 {{ $t('label.macos') }}: <a :href="this.kubectlMacLink">{{ this.kubectlMacLink }}</a><br>
                 {{ $t('label.windows') }}: <a :href="this.kubectlWindowsLink">{{ this.kubectlWindowsLink }}</a>
               </p>
             </a-timeline-item>
             <a-timeline-item>
+              <p v-html="$t('label.use.kubectl.access.cluster')"></p>
               <p>
-                {{ $t('label.use.kubectl.access.cluster') }}<br><br>
                 <code><b>kubectl --kubeconfig /custom/path/kube.conf {COMMAND}</b></code><br><br>
-
                 <em>{{ $t('label.list.pods') }}</em><br>
                 <code>kubectl --kubeconfig /custom/path/kube.conf get pods --all-namespaces</code><br>
                 <em>{{ $t('label.list.nodes') }}</em><br>