Thematic - Improve display general pdf export - refs BT#19987

main/template/default/course_progress/pdf_general_thematic.tpl

@@ -1,40 +1,26 @@
-<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 />
 {% for item in data %}
-    <div style="border: 1px solid #000;">
-        <div style="float: left; width: 17%;padding:2%;">
-            <h4 style="margin-bottom: 10px;">{{ item.title }}</h4>
-            <br>
-            {{ item.content }}
-        </div>
-        <div style="float: left; width: 27%;padding:2%;">
+<div>
+    <div style="border: 1px solid #000;padding:1%;background-color: #D9EDF7;color:#31708f;">
+        <h1 style="text-decoration: underline;">{{ item.title }}</h1>
+        {{ item.content }}
+    </div>
+    <div style="width: 100%;border: 1px solid #000;background-color: #F5F5F5;">
+        <div style="float:left; width: 47%; padding:1%;">
+            <h1 style="text-decoration: underline;">{{ "ThematicPlan"|get_lang }}</h1>
             {% for plan in item.thematic_plan %}
-            <br>
-            <h4 style="margin-bottom: 10px;">{{ plan.title }}</h4>
-            <br>
-            {{ plan.description }}
+            <h3>{{ plan.title }}</h3>
+            {{ plan.description }}<br>
             {% endfor %}
         </div>
-        <div style="float: left; width: 27%;padding:2%;">
+        <div style="float:right; width: 47%;padding:1%;">
+            <h1 style="text-decoration: underline;">{{ "ThematicAdvance"|get_lang }}</h1>
             {% for advance in item.thematic_advance %}
-            <br>
-            <h4 style="margin-bottom: 10px;">
-                {{ advance.duration }} {{ "MinHours" | get_lang }}
-            </h4>
-            {{ advance.start_date | api_convert_and_format_date(2) }}
-            <br>
+            <h4>{{ advance.duration }} {{ "MinHours" | get_lang }}</h4>
+            {{ advance.start_date | api_convert_and_format_date(2) }}<br>
             {{ advance.content }}
             {% endfor %}
         </div>
     </div>
+</div>
 {% endfor %}