fixed lesson templates for table scrolling

Author: ZoeLeBlanc

Diff for: css/style.css

@@ -865,7 +865,7 @@ Figures
   }
 
   .table-wrapper {
-  overflow-x: scroll;
+    overflow-x: scroll;
   }
 
   tr:nth-child(even) {background-color: #f2f2f2}

Diff for: en/lesson-template.md

@@ -79,13 +79,16 @@ It will appear in a coloured box and can be useful for drawing attention to part
 2. Here is another item
 3. Here is the final item
 
-###A Sample Table
+### A Sample Table
+
+<div class="table-wrapper" markdown="block">
 
 | Heading 1 | Heading 2 | Heading 3 |
 | --------- | --------- | --------- |
 | Row 1, column 1 | Row 1, column 2 | Row 1, column 3|
 | Row 2, column 1 | Row 2, column 2 | Row 2, column 3|
 | Row 3, column 1 | Row 3, column 2 | Row 3, column 3|
+</div>
 Table 1: This table contains...
 
 ### Referencing

Diff for: es/plantilla-leccion.md

@@ -50,12 +50,16 @@ Bloque de código para insertar imágenes:
 
 ### Ejemplo de una tabla:
 
+<div class="table-wrapper" markdown="block">
+
 | Encabezado 1 | Encabezado 2 | Encabezado 3 |
 | --------- | --------- | --------- |
 | Fila 1, columna 1 | Fila 1, columna 2 | Fila 1, columna 3|
 | Fila 2, columna 1 | Fila 2, columna 2 | Fila 2, columna 3|
 | Fila 3, columna 1 | Fila 3, columna 2 | Fila 3, columna 3|
 
+</div>
+
 ### Una nota a pie de página:
 
 Esto es un texto.[^1]

Diff for: fr/modele-tuto.md

@@ -86,13 +86,18 @@ Le message sera encadré et dans une couleur différente, il servira ainsi à at
 2. Voici un autre item
 3. Voici un dernier item
 
-###Comment formater un tableau
+### Comment formater un tableau
+
+<div class="table-wrapper" markdown="block">
 
 | en-tête 1 | en-tête 2 | en-tête 3 |
 | --------- | --------- | --------- |
 | ligne 1, colonne 1 | ligne 1, colonne 2 | ligne 1, colonne 3|
 | ligne 2, colonne 1 | ligne 2, colonne 2 | ligne 2, colonne 3|
 | ligne 3, colonne 1 | ligne 3, colonne 2 | ligne 3, colonne 3|
+
+</div>
+
 Tableau 1: Ce tableau contient...
 
 ### Références

Diff for: pt/licoes-modelo.md

@@ -79,13 +79,18 @@ Este aparecerá numa caixa colorida, podendo ser útil para chamar a atenção p
 2. Aqui está outro item
 3. Aqui está o item final
 
-###Uma amostra de tabela
+### Uma amostra de tabela
+
+<div class="table-wrapper" markdown="block">
 
 | Cabeçalho 1 | Cabeçalho 2 | Cabeçalho 3 |
 | --------- | --------- | --------- |
 | Linha 1, coluna 1 | Linha 1, coluna 2 | Linha 1, coluna 3|
 | Linha 2, coluna 1 | Linha 2, coluna 2 | Linha 2, coluna 3|
 | Linha 3, coluna 1 | Linha 3, coluna 2 | Linha 3, coluna 3|
+
+</div>
+
 Tabela 1: Esta tabela contem...
 
 ### Referências