#40 fix accordian icon and move <pre> block into <section> block

Author: ann-linh-mitre

src/views/CVERecord.vue

@@ -42,7 +42,7 @@
                           <p id="cve-id-alttext" class="is-hidden">
                             {{true ? 'collapse' : 'expand'}}
                           </p>
-                          <font-awesome-icon :icon="true ? 'plus' : 'minus'"
+                          <font-awesome-icon :icon="showRecord ? 'minus' : 'plus'"
                           aria-hidden="false" focusable="true" aria-labelledby="cve-id-alttext"/>
                         </span>
                       </button>
@@ -53,8 +53,8 @@
                       </div>
                     </div>
                   </div>
+                  <pre :class="[{'is-hidden': !showRecord}]" v-html="$sanitize(JSON.stringify(this.$store.state.recordData, null, 2))"></pre>
                 </section>
-                <pre :class="[{'is-hidden': !showRecord}]" v-html="$sanitize(JSON.stringify(this.$store.state.recordData, null, 2))"></pre>
                 <div class="cve-scrollx-table-container">
                   <table class="table is-striped is-hoverable cve-border-dark-blue">
                     <caption class="is-hidden">{{this.$store.state.recordData.ID}} Detail</caption>