XF 1.2 Move Report Link

[Frigeri]

Hello,

How can I move the report link to the side of the message?

Can I just copy and paste this code?

<xen:if is="{$post.canReport}">
<a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span></span>{xen:phrase report}</a>
</xen:if>

Example below

 

[Paul B]

You will need to edit the template(s) and move the code as required.

 

[Frigeri]

You will need to edit the template(s) and move the code as required.

I understand, Brogan, thanks. Can I copy and paste the code above? Or will it break any functionality?

 

[Jeremy]

Copy & Paste should work, but you will want to test it.

 

[Frigeri]

Copy & Paste should work, but you will want to test it.

Thanks Jeremy. I actually created a bar inside the message layout and then put the controls there.

The problem is that it's not very responsive (images below). Do you have any tip on how to make it better? Here's the code:

    <div class="message_header">
            {xen:raw $messageAfterTemplate}
    </div>

.message_header{
    min-height:30px;
    border-bottom:1px solid #c9daeb;
    margin: -10px -10px 10px -10px;
}

MetaControls css:

.message .messageMeta {
    font-size: 11px;
    padding: 9px 8px 7px;
    overflow: hidden;
}