Two questions about moving links

[blongso]

Hello community,
An insoluble problem for me at the moment ... My attempts at self have not been successful. I need help

1. How do I get the "fas fa-child" icon on the buddy list a bit off the text, as with the other links? It is too close to the text for me.

2. I would like to have the links (left and right) generally further out. How can I do that?

https://imgur.com/fV1n3iN

THX in advance for your help!
Greets,
blongso

[makpaolo]

Try to add   after the closing </i> tags

[blongso]

re makpaolo  ,
difficult for me to implement .. sorry ...

<div class="lower">
 <div class="wrapper">
 <ul class="menu panel_links">
 {$usercplink}
 {$modcplink}
 {$admincplink}
 </ul>
 <ul class="menu user_links">
 {$searchlink}
<i class="fas fa-envelope"></i>{$pmslink}
 </ul>
 </div>

[Mjniu]

re makpaolo  ,
difficult for me to implement .. sorry ...

<div class="lower">
 <div class="wrapper">
 <ul class="menu panel_links">
 {$usercplink}
 {$modcplink}
 {$admincplink}
 </ul>
 <ul class="menu user_links">
 {$searchlink}
<i class="fas fa-envelope"></i>{$pmslink}
 </ul>
 </div>

<i class="fas fa-envelope"></i> &nbsp; {$pmslink}

<i class="fas fa-envelope" style="margin-right: 5px;"></i>{$pmslink}

[blongso]

Thank you Mjniu!