Merge pull request #256 from CVEProject/srl-253

Fix links to anchors in CNA Rules page

Author: athu-tran

src/views/ResourcesSupport/AllResources/CNARules.vue

@@ -6,7 +6,7 @@
       </div>
       <div class="column is-8-desktop cve-main-column-content-width is-12-tablet">
         <main id="cve-main-page-content" role="main">
-          <h1 class="title">CVE Numbering Authority (CNA) Rules</h1>
+          <h1 class="title cve-heading-top-spacing">CVE Numbering Authority (CNA) Rules</h1>
           <div id="cve-versionInformation">
             <span class="has-text-weight-bold">Document Version: </span>
               <span>{{versionNum}}</span><br>
@@ -20,15 +20,15 @@
           <div class="content">
             <ol class="ml-0">
               <li v-for="(section, index) of cnaRulesSections" :key="index">
-                <h2 class="title" :id="section.sectionId">
+                <h2 class="title cve-heading-top-spacing" :id="section.sectionId">
                   {{ section.sectionTitle }}
                 </h2>
                 <p v-for="(para, index) of section.sectionParagraphs"
                   v-html="$sanitize(para,{allowedTags: $sanitize.defaults.allowedTags.concat([ 'img' ])})" :key="index"></p>
                 <!-- Sub section -->
                 <ol class="ml-0">
                   <li v-for="(subSection, index) of section.subSections" :key="index">
-                    <h3 class="title" :id="subSection.subSectionId">
+                    <h3 class="title cve-heading-top-spacing" :id="subSection.subSectionId">
                       {{ subSection.subSectionTitle }}
                     </h3>
                     <p v-for="(para, index) of subSection.subSectionParagraphs"
@@ -39,20 +39,20 @@
             </ol> <!-- end page section -->
             <ul class="ml-0 cve-list-no-bullet">
               <li v-for="(section, index) of cnaRulesAppendices" :key="index">
-                <h2 class="title" :id="section.sectionId">
+                <h2 class="title cve-heading-top-spacing" :id="section.sectionId">
                   {{ section.sectionTitle }}
                 </h2>
                 <p v-for="(para, index) of section.sectionParagraphs" v-html="$sanitize(para)" :key="index"></p>
                 <!-- Sub section -->
                 <ul class="ml-0 cve-list-no-bullet">
                   <li v-for="(subSection, index) of section.subSections" :key="index">
-                    <h3 class="title" :id="subSection.subSectionId">
+                    <h3 class="title cve-heading-top-spacing" :id="subSection.subSectionId">
                        {{ subSection.subSectionTitle }}
                     </h3>
                     <p v-for="(para, index) of subSection.subSectionParagraphs" v-html="$sanitize(para)" :key="index"></p>
                     <ul class="ml-0 cve-list-no-bullet"> <!-- Sub Sub section -->
                       <li v-for="(subSubSection, index) of subSection.subSubSections" :key="index">
-                        <h4 class="title" :id="subSubSection.subSubSectionId">
+                        <h4 class="title cve-heading-top-spacing" :id="subSubSection.subSubSectionId">
                           {{ subSubSection.subSubSectionTitle }}
                         </h4>
                         <p v-for="(para, index) of subSubSection.subSubSectionParagraphs" v-html="$sanitize(para)" :key="index"></p>