better nominum left sidebar display #1253

src/pages/Nominum.vue

@@ -10,13 +10,17 @@
         {{ content.birthDate }}, {{ content.birthPlace }}<br>
         {{ content.deathDate }}, {{ content.deathPlace }}
       </p>
-      <p v-if="content.occupation">{{ content.occupation }}</p>
+      <section v-if="content.occupation">
+        <h3>Occupation</h3>
+        <p>{{ content.occupation }}</p>
+      </section>
 
-      <section class="notes">
+      <section v-if="content.note && content.note.length > 0" class="notes">
+        <h3>Notes</h3>
         <div v-for="(note, i) in content.note" :key="i" class="note" v-html="note" />
       </section>
 
-      <section v-if="content.attestedForms" class="attested-forms">
+      <section v-if="content.attestedForms && content.attestedForms.length > 0" class="attested-forms">
         <h3>formes attestées</h3>
         <ul>
           <li v-for="(af, i) in content.attestedForms" :key="i">
@@ -29,7 +33,7 @@
           </li>
         </ul>
       </section>
-      <section v-if="content.autorities.length" class="autorities">
+      <section v-if="content.autorities && content.autorities.length > 0" class="autorities">
         <h3>Autorités</h3>
         <ul>
           <li v-for="(aut, i) in content.autorities" :key="i">