From b69311edcfc2b1ff81e9f40b492ad7915f6efdd1 Mon Sep 17 00:00:00 2001
From: steskelt <steven.skelton@publicissapient.com>
Date: Tue, 19 Mar 2024 13:22:04 -0400
Subject: [PATCH] mobile viewport

---
 _pages/rankings.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/_pages/rankings.html b/_pages/rankings.html
index 2f1b0f5..5f62df9 100644
--- a/_pages/rankings.html
+++ b/_pages/rankings.html
@@ -183,11 +183,10 @@ <h1 class="display-6 fw-bold text-center">Influencer Rankings</h1>
 
                 if (screen.availWidth < 800) {
                   const height = 50;
-                  const pieChart = (ratedPercent == 0) ? null : html`<pie-chart size=$height positive=$positivePercent negative=$negativePercent></pie-chart>`;
                   return html`
                   <li class="list-group-item" style="padding:6px">
                     <div style="display:flex;align-items: center;">
-                      <img src=${item.profileUrl} style="width:${height}px;height:${height}px;border-radius:50%;margin-right:10px;">
+                      <img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;margin-right:10px;">
                       <div>
                         <h5 class="card-title">${this.profileTitle(item)}</h5>
                         ${this.profileMeta(item.meta)}
@@ -199,7 +198,8 @@ <h5 class="card-title">${this.profileTitle(item)}</h5>
                         ${tradeCount} Trade${tradeCount == 1 ? '' : 's'}<br>
                         ${ratedPercent == 0 ? 'Zero Rated' : (ratedPercent == 100 ? 'All Rated' : (100 - ratedPercent) + '% Unrated')}
                       </div>
-                      ${pieChart}
+                      ${
+                      <pie-chart size="${height}" positive="${positivePercent}" negative="${negativePercent}"></pie-chart>
                     </div>
                     <div style="flex-grow:1;line-height:1.3;" class="card-text text-end">
                       ${item.stocks.map(
@@ -220,7 +220,7 @@ <h5 class="card-title">${this.profileTitle(item)}</h5>
                   return html`
                   <li class="list-group-item" style="display:flex;align-items:center;">
                     ${a}${this.profileTypeImage(item, false)}${a != null ? html`</a>` : null}
-                    <img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;"/>
+                    <img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;margin-left:10px;"/>
                     <div style="flex-grow:1;padding-left:12px;">
                       <div style="display:flex;">
                         <div style="text-align:left">