Merge pull request #4193 from christianbeeznest/orouba-19594-2

Thematic: Fix display content in export single thematic - refs BT#19594

main/template/default/course_progress/pdf_single_thematic.tpl

@@ -1,36 +1,37 @@
-<table class="full-width border-thin">
-    <thead>
-    <tr>
-        <th width="30%" style="display:inline-block; padding: 10px; text-align: center; background-color: #E5E5E5;">{{ 'Thematic'|get_lang }}</th>
-        <th width="50%" style="display:inline-block; padding: 10px; text-align: center; background-color: #E5E5E5;">{{ 'ThematicPlan'|get_lang }}</th>
-        <th width="20%" style="display:inline-block; padding: 10px; text-align: center; background-color: #E5E5E5;">{{ 'ThematicAdvance'|get_lang }}</th>
-    </tr>
-    </thead>
-    <tbody>
-    <tr>
-        <td>
-            <h4>{{ theme.title }}</h4>
-            <br>
-            {{ theme.content }}
-        </td>
-        <td>
-            {% for plan in plans %}
-                <br>
-                <h4>{{ plan.title }}</h4>
-                <br>
-                {{ plan.description }}
-            {% endfor %}
-        </td>
-        <td>
-            {% for advance in advances %}
-                <h4 style="margin-bottom: 10px;">
-                    {{ advance.duration }} {{ "MinHours" | get_lang }}
-                </h4>
-                <p>{{ advance.start_date|api_convert_and_format_date(2) }}</p>
-                {{ advance.content }}
-                <br>
-            {% endfor %}
-        </td>
-    </tr>
-    </tbody>
-</table>
+<div style="border: 1px solid #000;">
+    <div style="float: left; width: 17%;padding:2%;font-weight: bold;">
+        {{ "Thematic"|get_lang }}
+    </div>
+    <div style="float: left; width: 27%;padding:2%;font-weight: bold;">
+        {{ "ThematicPlan"|get_lang }}
+    </div>
+    <div style="float: left; width: 27%;padding:2%;font-weight: bold;">
+        {{ "ThematicAdvance"|get_lang }}
+    </div>
+</div>
+<hr />
+<div style="border: 1px solid #000;">
+    <div style="float: left; width: 17%;padding:2%;">
+        <h4 style="margin-bottom: 10px;">{{ theme.title }}</h4>
+        <br>
+        {{ theme.content }}
+    </div>
+    <div style="float: left; width: 27%;padding:2%;">
+        {% for plan in plans %}
+        <br>
+        <h4>{{ plan.title }}</h4>
+        <br>
+        {{ plan.description }}
+        {% endfor %}
+    </div>
+    <div style="float: left; width: 27%;padding:2%;">
+        {% for advance in advances %}
+        <h4 style="margin-bottom: 10px;">
+            {{ advance.duration }} {{ "MinHours" | get_lang }}
+        </h4>
+        <p>{{ advance.start_date|api_convert_and_format_date(2) }}</p>
+        {{ advance.content }}
+        <br>
+        {% endfor %}
+    </div>
+</div>