Does anyone know how to change the line-height of the contact widget lines in the pdf report?

I have tried every way including inline css style and external css style with no success.

Here's my code:

<div class="row" >

<div class="col-xs-6" style="border:1px solid black; padding-top:10px; line-height:12pt;">

<strong>To:</strong><br/>

<div  t-field="o.partner_id"

t-field-options='{"widget": "contact", "fields": ["address", "name", "phone", "fax"], "no_marker": true, "phone_icons": true}'/>

</div>

</div>

With the above code, the line-height only affect the first and second line, i.e., "To:" and "Company name". The address, phone, fax, ... has no effect.

I tried putting the following and tried other value for line-height, still no change whatsoever.

<div class="row" >

<div class="col-xs-6" style="border:1px solid black; padding-top:10px; line-height:12pt;">

<strong>To:</strong><br/>

<div style="line-height:12pt;" t-field="o.partner_id"

t-field-options='{"widget": "contact", "fields": ["address", "name", "phone", "fax"], "no_marker": true, "phone_icons": true}'/>

</div>

</div>

if anyone has any success with changing the line spacing in the contact widget in pdf rendering, please kindly share your code with me. I have been trying for 2 days and it is really frustrating. Thanks.

Simon Lee