FIXED! "Downloads" button on profiles

[Dionicio3]

It appears on every profile that ever uploaded anythjng to the new download station, and as you can see, it doesn't look right. Note that this button doesn't appear when actually looking on their profile page

 

[Costello]

a job for @shaunj66 here!

 

[SimonMKWii]

Something like this would be good:

Code snippet used:

<div class="userStats">
    <dl title="Join date">
        <dt>
            <svg class="ts2icon userStatsIcon">
                <use xlink:href="styles/ts2/sprites.svg#calendar-o"></use>
            </svg>
        </dt>
        <dd>Feb 27, 2017</dd>
    </dl>
    <!-- slot: pre_messages -->
    <dl title="Total posts">
        <a href="search/member?user_id=415984" class="concealed" rel="nofollow">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#comment-o"></use>
                </svg>
            </dt>
            <dd>3,387</dd>
        </a>
    </dl>
    <!-- shaunj66 modification to display user XP -->
    <dl class="userXP" title="1,857 / 1920 XP (82%)">
        <a class="concealed" rel="nofollow" href="https://gbatemp.net/members/?type=xp&amp;jump=415984#u415984">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#points"></use>
                </svg>
            </dt>
            <dd>Level 9</dd>
        </a>
        <div class="xp_progress">
            <div style="width: 82%;" class="xp_bar"></div>
        </div>
    </dl>
    <!-- slot: pre_likes -->
    <dl title="Likes received">
        <dt>
            <svg class="ts2icon userStatsIcon">
                <use xlink:href="styles/ts2/sprites.svg#thumbsup"></use>
            </svg>
        </dt>
        <dd>7,008</dd>
    </dl>
    <dl title="Downloads">
        <dt><img src="https://i.imgur.com/v98Iq7t.png" width=20></img></dt>
        <dd>1</dd>
    </dl>
    <dl title="Blog entries">
        <a class="concealed" href="blog/dionicio3.415984/">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#book"></use>
                </svg>
            </dt>
            <dd>60</dd>
        </a>
    </dl>
</div>

I made the download icon myself in paint.net

 

[tunip3]

That looks good but looks like the default arrow in paint .net with super sharp corners mabye try something a bit smoother more stylizie

Something like this would be good:
View attachment 126806

Code snippet used:

<div class="userStats">
    <dl title="Join date">
        <dt>
            <svg class="ts2icon userStatsIcon">
                <use xlink:href="styles/ts2/sprites.svg#calendar-o"></use>
            </svg>
        </dt>
        <dd>Feb 27, 2017</dd>
    </dl>
    <!-- slot: pre_messages -->
    <dl title="Total posts">
        <a href="search/member?user_id=415984" class="concealed" rel="nofollow">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#comment-o"></use>
                </svg>
            </dt>
            <dd>3,387</dd>
        </a>
    </dl>
    <!-- shaunj66 modification to display user XP -->
    <dl class="userXP" title="1,857 / 1920 XP (82%)">
        <a class="concealed" rel="nofollow" href="https://gbatemp.net/members/?type=xp&amp;jump=415984#u415984">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#points"></use>
                </svg>
            </dt>
            <dd>Level 9</dd>
        </a>
        <div class="xp_progress">
            <div style="width: 82%;" class="xp_bar"></div>
        </div>
    </dl>
    <!-- slot: pre_likes -->
    <dl title="Likes received">
        <dt>
            <svg class="ts2icon userStatsIcon">
                <use xlink:href="styles/ts2/sprites.svg#thumbsup"></use>
            </svg>
        </dt>
        <dd>7,008</dd>
    </dl>
    <dl title="Downloads">
        <dt><img src="https://i.imgur.com/v98Iq7t.png" width=20></img></dt>
        <dd>1</dd>
    </dl>
    <dl title="Blog entries">
        <a class="concealed" href="blog/dionicio3.415984/">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#book"></use>
                </svg>
            </dt>
            <dd>60</dd>
        </a>
    </dl>
</div>

I made the download icon myself in paint.net

 

[DBlaze]

Something like this would be good:
View attachment 126806

Code snippet used:

<div class="userStats">
    <dl title="Join date">
        <dt>
            <svg class="ts2icon userStatsIcon">
                <use xlink:href="styles/ts2/sprites.svg#calendar-o"></use>
            </svg>
        </dt>
        <dd>Feb 27, 2017</dd>
    </dl>
    <!-- slot: pre_messages -->
    <dl title="Total posts">
        <a href="search/member?user_id=415984" class="concealed" rel="nofollow">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#comment-o"></use>
                </svg>
            </dt>
            <dd>3,387</dd>
        </a>
    </dl>
    <!-- shaunj66 modification to display user XP -->
    <dl class="userXP" title="1,857 / 1920 XP (82%)">
        <a class="concealed" rel="nofollow" href="https://gbatemp.net/members/?type=xp&amp;jump=415984#u415984">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#points"></use>
                </svg>
            </dt>
            <dd>Level 9</dd>
        </a>
        <div class="xp_progress">
            <div style="width: 82%;" class="xp_bar"></div>
        </div>
    </dl>
    <!-- slot: pre_likes -->
    <dl title="Likes received">
        <dt>
            <svg class="ts2icon userStatsIcon">
                <use xlink:href="styles/ts2/sprites.svg#thumbsup"></use>
            </svg>
        </dt>
        <dd>7,008</dd>
    </dl>
    <dl title="Downloads">
        <dt><img src="https://i.imgur.com/v98Iq7t.png" width=20></img></dt>
        <dd>1</dd>
    </dl>
    <dl title="Blog entries">
        <a class="concealed" href="blog/dionicio3.415984/">
            <dt>
                <svg class="ts2icon userStatsIcon">
                    <use xlink:href="styles/ts2/sprites.svg#book"></use>
                </svg>
            </dt>
            <dd>60</dd>
        </a>
    </dl>
</div>

I made the download icon myself in paint.net

That looks good but looks like the default arrow in paint .net with super sharp corners mabye try something a bit smoother more stylizie

They could also just use styles/ts2/sprites.svg#arrow-down,
would end up looking like