Hi, I developed a report in odoo, along with its background template and everything that it contains. it worked well on my local system.
but when I deployed it the footer of the report changes, and some of its content disappears while rest gets aligned in a very weird way.
I don't know how to attach a file in odoo forum questions but here is the code for footer in my report.
<div class="footer">
<div class="row">
<div class="col-sm-4" style="color: green; font-size: 19px;">
Green Agrevolution Pvt. Ltd. <span style = "margin-left: 20px; margin-bottom: 5px; border-bottom: 2px solid green; width: 68%; display: inline-block;"/>
</div>
</div>
<div class="text-left" style="margin-top: 5px;">
<ul class="list-inline mb4">
<li style="display:block;"><div style="font-weight: bold; display:inline-block; margin-right: 2px;">Head Office: </div><span t-field="company.partner_id"
t-field-options='{"widget": "contact", "fields": ["address"], "no_marker": true}'
style="display:inline-block;"/></li>
<li style="display:block; margin-bottom: 8px;"><div style="font-weight: bold; display:inline-block; margin-right: 2px;">Corporate Office: </div><span> DeHaat, Unit number - 504-506, 5th floor, DLF Star Tower, Sector - 30, Gurugram - 122001</span></li>
<li style="margin-right: 20px;"><i class="fa fa-phone" style="display:inline-block;"> </i><span> +91 612 2352244, 1800 1036 110</span></li>
<li style="margin-right: 20px;"><i class="fa fa-envelope" style="display:inline-block; margin-right:6px;"> </i><span t-field="company.email"/></li>
<li style="margin-bottom: 50px;"><i class="fa fa-globe" style="display:inline-block; margin-right:6px;"> </i><span t-field="company.email"/></li>
</ul>
</div>
</div>