micro fixes

assets/css/app.scss

@@ -28,8 +28,8 @@ that is currently Firefox-only */
 
 body{
   color: #1a1a1a;
-  // background-image: url('/static/img/grille-ligne-de-base.png');
-  // background-repeat: repeat;
+  background-image: url('/static/img/grille-ligne-de-base.png');
+  background-repeat: repeat;
 }
 
 #root{
@@ -316,6 +316,7 @@ section[role="main-content"]{
         li{
           opacity: 1;
           transition: opacity 0.3s ease-in-out;
+          padding: 3px;
           &.inactive{
             opacity: 0.4;
           }
@@ -324,7 +325,16 @@ section[role="main-content"]{
             font-variant: small-caps;
             font-size: 1em;
             cursor: pointer;
-            line-height: $base-line / 2;
+            // line-height: $base-line / 2;
+            border: 1px solid $grisclair;
+            border-radius: 3px;
+            padding: 0.3em;
+            display: inline-block;
+            text-align: center;
+          }
+
+          &:not(:first-of-type) span{
+            width: 1.1em; height: 1.1em;
           }
         }
       }
@@ -472,15 +482,15 @@ section[role="main-content"]{
       }
     }
     .attested-forms-occurences{
-      ul{
+      >ul{
         >li{
           margin: 0 0 1em 0;
           h3{
             @include title1black;
-            padding:0 0 $base-line / 2 0;
+            padding:0 0 0 0;
           }
           li{
-            margin: 0 0 0.5em 0;
+            // margin: 0 0 0.5em 0;
             h4{
               // @include title3black;
               @include title4grey;

src/components/Content/EdTextRefLink.vue

@@ -10,6 +10,7 @@
         :title="btnuuidtitle"
         class="copy-btn"
       >
+        <!-- todo better label -->
         {{ uuid }} <span class="mdi mdi-clipboard-outline" />
       </button>
       <button

src/pages/Edition.vue

@@ -29,6 +29,7 @@
           @click.prevent="onClickManifestation"
           @keyup.enter="onClickManifestation"
         >
+          // todo better label
           {{ biblio.uuid }}
         </a>
       </div>

src/pages/IndexNominum.vue

@@ -80,7 +80,8 @@ export default {
           })
         }
         for (let i = 0; i < this.items.length; i++) {
-          if (this.letters.indexOf(this.items[i].letter.toLowerCase()) === -1) {
+          // console.log(typeof this.items[i].letter)
+          if (this.items[i].letter !== '' && this.letters.indexOf(this.items[i].letter.toLowerCase()) === -1) {
             this.letters.push(this.items[i].letter.toLowerCase())
           }
         }

src/pages/Nominum.vue

@@ -36,7 +36,7 @@
 
     <template v-if="content" v-slot:nav>
       <section v-if="content.autorities.length" class="autorities">
-        <h3>Autorities</h3>
+        <h3>Autorités</h3>
         <ul>
           <li v-for="(aut, i) in content.autorities" :key="i">
             <a :href="aut.identifier" target="_blanck">{{ aut.autority }}</a>