fixup! update listbox snippet.

listbox-snippet.html

@@ -26,6 +26,9 @@
       .facture__column--highlighted {
           background: #ccc;
       }
+      .facture__data--euro::before {
+          content: "€ ";
+      }
       .facture__download {
           border-radius: 0.5em;
           background: #666;
@@ -69,23 +72,23 @@
     <!--
       This is an example of listbox HTML snippet.
       * 'facture' is the name of the listbox. For generic case, you can use 'listbox'.
-      * '--highlighted' is a modifier class for which you can differentiate the appearance of a certain column (ex. the second column in this sample).
+      * '--euro' and '--highlighted' are modifier classes for which you can differentiate the appearance of a certain column (ex. the second column in this sample).
       * You can put more HTML tags "inside" column <div> element, but you mush strictly follow the HTML structure below (ex. the third column in this sample).
     -->
     <div class="facture__container">
       <div class="facture__header_row">
         <div class="facture__header_column">Reference</div>
-        <div class="facture__header_column facture__header_column--highlighted">Amount</div>
+        <div class="facture__header_column facture__header_column--euro facture__header_column--highlighted">Amount</div>
         <div class="facture__header_column">Action</div>
       </div>
       <div class="facture__row">
         <div class="facture__column"><div class="facture__header">Reference</div><div class="facture__data">SI-1234</div></div>
-        <div class="facture__column facture__column--highlighted"><div class="facture__header facture__header--highlighted">Amount</div><div class="facture__data facture__data--highlighted">20.30</div></div>
+        <div class="facture__column facture__column--euro facture__column--highlighted"><div class="facture__header facture__header--euro facture__header--highlighted">Amount</div><div class="facture__data facture__data--euro facture__data--highlighted">20.30</div></div>
         <div class="facture__column"><div class="facture__header">Action</div><div class="facture__data"><a href="#" class="facture__download">Download</a></div></div>
       </div>
       <div class="facture__row">
         <div class="facture__column"><div class="facture__header">Reference</div><div class="facture__data">SI-1235</div></div>
-        <div class="facture__column facture__column--highlighted"><div class="facture__header facture__header--highlighted">Amount</div><div class="facture__data facture__data--highlighted">121.85</div></div>
+        <div class="facture__column facture__column--euro facture__column--highlighted"><div class="facture__header facture__header--euro facture__header--highlighted">Amount</div><div class="facture__data facture__data--euro facture__data--highlighted">121.85</div></div>
         <div class="facture__column"><div class="facture__header">Action</div><div class="facture__data"><a href="#" class="facture__download">Download</a></div></div>
       </div>
     </div>