better nominum left sidebar display #1253

assets/css/app.scss

@@ -356,13 +356,19 @@ section[role="main-content"]{
         @include title1black;
         margin:0 0 0.3em;
       }
+      section{
+        margin-bottom: 1em;
+        
+        h3{
+          @include title2black;
+          margin:0;
+          font-weight: 600;
+        }
+
+      }
       p{
         margin: 0 0 0.5em 0;
       }
-      h3{
-        @include title2black;
-        margin:0;
-      }
       .authors{
         a{
           @include title2black;

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">