Styling Table In AdminCP

[TheBigK]

This is how my table looks right now -



As you can see, the alignment isn't proper. I'm following the tag_list template as my reference, but not able to figure out what parameters I need to adjust in my template to get the styling right.

Here's my template -

<xen:title>Blogger Performance Report</xen:title>

<xen:form action="{xen:adminlink reportUpdate}" method="get">
    <span>
        Select Author:
           
            <xen:select name="authorList" value="$authorSelected">
               
                <xen:foreach loop="$allAuthors" value="$author">
                    <xen:option value="$getReportFor">{$author.username}</xen:option>
                </xen:foreach>
            </xen:select>
</xen:form>

<div class="dataTableWrapper">
   
    <table class="dataTable">
        <tr class="dataRow">
            <th>Author Name<th>
            <th>Article Count For Last Month</th>
            <th>Total Number Of Articles</th>
        </tr>
            <xen:foreach loop="$author_count" key="$username" value="$count">
                <tr class="dataRow">
                    <td>{$username}</td>
                    <td>{$count}</td>
                </tr>
            </xen:foreach>
    </table>
</div>

Would really appreciate your help. Thanks!

 

[TheBigK]

Anyone? I think it's a simple hack that I'm not able to guess.

 

[TickTackk]

Have a look at template with this tag

<xen:listitem

 

[TheBigK]

Have a look at template with this tag

<xen:listitem

Thanks. I found another way of styling the table. I could get the numbers listed with label and 'snippet'; but couldn't find a way to get the number listed in a bigger font. Gotta explore this further.