Fix "Metadata text is cut if the page is too small"

fixes #13

index.html

@@ -35,7 +35,7 @@
         <h1>L'art de Ginou</h1>
         <p>Ginou était une artiste peintre autodidacte très appréciée dans son entourage et dans un cercle plus élargi grâce aux expositions de peinture annuelles dans sa région. Elle a réalisé de nombreuses &oelig;uvres, principalement des <strong>peintures à l’huile</strong>, plus rarement des <strong>aquarelles</strong>. Elle a également réalisé de nombreuses <strong>peintures sur soie</strong> et plus occasionnellement <strong>sur bois</strong>. Elle illustrait aussi ses <strong>cahiers de poèmes</strong>.</p>
 
-        <p>Tout au long de sa vie, Ginou a tenu à jour un petit carnet où elle consignait ses tableaux. Elle leur attribuait un numéro et un titre. Elle notait leurs dimensions ainsi que le nom de leur destinataires ou acheteurs. De <strong>de 1958 à 2017</strong> sont référencés 383 tableaux. Deux d'entre eux (nº33 et nº49) ont été recouverts par Ginou elle-même. Nous avons pour l'instant retrouvé quatre tableaux inédits, non listés dans ce carnet. Ginou a commencé à prendre en photos certains tableaux dans les années 1980 puis plus systématiquement à partir des années 2000. Pour compléter et améliorer cette base iconographique, nous avons photographié en haute résolution les tableaux en notre possession.
+        <p>Tout au long de sa vie, Ginou a tenu à jour un petit carnet où elle consignait ses tableaux. Elle leur attribuait un numéro et un titre. Elle notait leurs dimensions ainsi que le nom de leur destinataires ou acheteurs. De <strong>1958 à 2017</strong> sont référencés 383 tableaux. Deux d'entre eux (nº33 et nº49) ont été recouverts par Ginou elle-même. Nous avons pour l'instant retrouvé quatre tableaux inédits, non listés dans ce carnet. Ginou a commencé à prendre en photos certains tableaux dans les années 1980 puis plus systématiquement à partir des années 2000. Pour compléter et améliorer cette base iconographique, nous avons photographié en haute résolution les tableaux en notre possession.
         
         <p>Ce site comprend actuellement <strong>249 tableaux</strong> sur les <strong>385 peints à l'huile</strong>. Il est conçu pour présenter un aperçu de son talent et pour que tout le monde puisse apprécier son &oelig;uvre.</p>
 

painting.html

@@ -44,17 +44,17 @@
 
             <div>
                 <ul class="metadata">
-                    <li><span class="title">numéro :</span><span class="content number">&nbsp;</span></li>
+                    <li><span class="title">numéro&#8239;:</span><span class="content number">&#8239;</span></li>
-                    <li><span class="title">date :</span><span class="content date">&nbsp;</span></li>
+                    <li><span class="title">date&#8239;:</span><span class="content date">&#8239;</span></li>
-                    <li><span class="title">format :</span><span class="content dimension">&nbsp;</span></li>
+                    <li><span class="title">format&#8239;:</span><span class="content dimension">&#8239;</span></li>
-                    <li><span class="title">support :</span><span class="content support">&nbsp;</span></li>
+                    <li><span class="title">support&#8239;:</span><span class="content support">&#8239;</span></li>
-                    <li><span class="title">genre :</span><span class="content genre">&nbsp;</span></li>
+                    <li><span class="title">genre&#8239;:</span><span class="content genre">&#8239;</span></li>
-                    <li><span class="title">thème :</span><span class="content theme">&nbsp;</span></li>
+                    <li><span class="title">thème&#8239;:</span><span class="content theme">&#8239;</span></li>
-                    <li><span class="title">lieu :</span><span class="content place">&nbsp;</span></li>
+                    <li><span class="title">lieu&#8239;:</span><span class="content place">&#8239;</span></li>
-                    <li><span class="title">état photo :</span><span class="content photo">&nbsp;</span></li>
+                    <li><span class="title">état&#8239;photo&#8239;:</span><span class="content photo">&#8239;</span></li>
-                    <li><span class="title">aide requise :</span><span class="content help">&nbsp;</span></li>
+                    <li><span class="title">aide&#8239;requise&#8239;:</span><span class="content help">&#8239;</span></li>
-                    <li><span class="title">tags :</span><span class="content tag">&nbsp;</span></li>
+                    <li><span class="title">tags&#8239;:</span><span class="content tag">&#8239;</span></li>
-                    <li><span class="title">commentaire :</span><span class="content comment"> </span></li>
+                    <li><span class="title">commentaire&#8239;:</span><span class="content comment"> </span></li>
                     <li><span class="content original"><a href="photos/paintings/original/42.jpg">photo originale <img src="styles/icons/arrow.svg"></a></span></li>
                 </ul>
             </div>