From f0a6f6031498cd4e6cc09b02251cc1dd803241f1 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Fri, 17 Feb 2023 17:34:46 +0100
Subject: [PATCH] better nominum left sidebar display #1253

---
 assets/css/app.scss   | 14 ++++++++++----
 src/pages/Nominum.vue | 12 ++++++++----
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 279f85c..4820554 100644
--- a/assets/css/app.scss
+++ b/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;
diff --git a/src/pages/Nominum.vue b/src/pages/Nominum.vue
index a467c9d..ea87b81 100644
--- a/src/pages/Nominum.vue
+++ b/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">