mobile viewport

stevenrskelton · Mar 19, 2024 · 1156196 · 1156196
1 parent e455aad
commit 1156196
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/_pages/rankings.html b/_pages/rankings.html
@@ -184,7 +184,7 @@ <h1 class="display-6 fw-bold text-center">Influencer Rankings</h1>
                   return html`
                   <li class="list-group-item">
                     <div style="display:flex;align-items:center;">
-                      ${a}<img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;">${a != null ? html`</a>` : null}
+                      <img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;">
                       <div style="flex-grow:1;padding-left:12px;">
                         <div style="display:flex;">
                           <div style="text-align:left">
@@ -205,12 +205,14 @@ <h5 class="card-title">${this.profileTitle(item)}</h5>
                             <img src="https://tradeaudit.app/assets/finance.svg" class="showchart" width="60" height="60" alt="Open user conversation chart">
                         </a>` : html`<div style="width:60px"></div>`
                       }
-                      <pie-chart size="${height}" positive="${positivePercent}" negative="${negativePercent}"></pie-chart>
+                      <div>
+                        <pie-chart size="${height}" positive="${positivePercent}" negative="${negativePercent}"></pie-chart>
+                        ${ratedPercent == 0 ? 'Zero Rated' : (ratedPercent == 100 ? 'All Rated' : (100 - ratedPercent) + '% Unrated')}
+                      </div>
                     </div>
                     <div>
-                      <div style="width:40px">${this.profileTypeImage(item)}</div>
+                      ${a}${this.profileTypeImage(item)}${a != null ? html`</a>` : null}
                       <div style="flex-grow:1;line-height:1.3;" class="card-text text-end">
-                        ${ratedPercent == 0 ? 'Zero Rated' : (ratedPercent == 100 ? 'All Rated' : (100 - ratedPercent) + '% Unrated')}<br/>
                         ${item.stocks.map(
                             (stock) => {
                                 const selected = this.selectedStockItem != null &&
@@ -229,7 +231,8 @@ <h5 class="card-title">${this.profileTitle(item)}</h5>
                   const height = this.height ?? 64;
                   return html`
                   <li class="list-group-item" style="display:flex;align-items:center;">
-                    ${a}<span style="width:60px">${this.profileTypeImage(item)}</span><img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;"/>${a != null ? html`</a>` : null}
+                    ${a}${this.profileTypeImage(item)}${a != null ? html`</a>` : null}
+                    <img src="${item.profileUrl}" style="width:${height}px;height:${height}px;border-radius:50%;"/>
                     <div style="flex-grow:1;padding-left:12px;">
                       <div style="display:flex;">
                         <div style="text-align:left">