From fa9765e5101b13bf3485329a86afb2b86f4cc773 Mon Sep 17 00:00:00 2001
From: Phillip Lang Martinez <philliplangmartinez@gmail.com>
Date: Wed, 24 Aug 2022 16:21:04 +0300
Subject: [PATCH] fix table mobile and adress one line

---
 .../sponsorship-list-css.src.js               | 15 ++++++++++--
 .../sponsorship-list/sponsorship-list.src.js  | 23 ++++++++++++-------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js
index 1851c584..eb0fd61b 100644
--- a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js
+++ b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js
@@ -201,9 +201,9 @@ export const pageStyles = css`
 
 	.tableGrid {
 		display: grid;
-		grid-template-columns: minmax(0, 1fr)  minmax(0, 1fr) minmax(
+		grid-template-columns: minmax(0, 3fr)  minmax(0, 1fr) minmax(
 				0,
-				1fr
+				2fr
 			) minmax(0, 1fr);
 		align-items: center;
 		gap: 5px;
@@ -214,6 +214,16 @@ export const pageStyles = css`
 		
 	}
 
+	.header {
+		align-self: flex-start;
+		
+		
+	}
+
+	.header p {
+		word-break: break-word ;
+	}
+
 
 	.grid-item {
 		text-align: center;
@@ -331,6 +341,7 @@ export const pageStyles = css`
 			text-decoration: none;
 			margin: 0px;
 			margin-right: 10px;
+			word-break: break-word;
 		}
 
 		.grid-item {
diff --git a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js
index 3a3696d0..f7ee2b78 100644
--- a/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js
+++ b/qortal-ui-plugins/plugins/core/sponsorship-list/sponsorship-list.src.js
@@ -119,6 +119,7 @@ class SponsorshipList extends LitElement {
 			const address =
 				window.parent.reduxStore.getState().app?.selectedAddress
 					?.address
+
 			let rewardShares = await this.getRewardShareRelationship(
 				address
 			)
@@ -420,7 +421,7 @@ class SponsorshipList extends LitElement {
 
 
 	render() {
-
+		console.log({sponsors: this.sponsorships})
 		return html`
 			${
 				this.isPageLoading
@@ -452,17 +453,17 @@ class SponsorshipList extends LitElement {
 						<p>${translate("sponsorshipspage.schange1")}</p>
 					</div>
 					<div class="tableGrid table-header">
-						<div class="grid-item">
+						<div class="grid-item header">
 							<p>${translate("sponsorshipspage.schange2")}</p>
 						</div>
-						<div class="grid-item">
+						<div class="grid-item header">
 							<p>${translate("walletprofile.blocksminted")}</p>
 						</div>
 						
-						<div class="grid-item">
+						<div class="grid-item header">
 							<p>${translate("becomeMinterPage.bchange17")}</p>
 						</div>
-						<div class="grid-item">
+						<div class="grid-item header">
 						
 						</div>
 					</div>
@@ -472,17 +473,23 @@ class SponsorshipList extends LitElement {
 							(sponsorship) => html`
 								<ul class="tableGrid">
 									<li class="grid-item">
-										
+									<p class="grid-item-text">
+											Account Address
+										</p>
 										${sponsorship.address}
 									</li>
 									<li class="grid-item">
-										
+									<p class="grid-item-text">
+											Blocks Minted
+										</p>
 										${+sponsorship.blocksMinted +
 										+sponsorship.blocksMintedAdjustment}
 									</li>
 									
 									<li class="grid-item">
-										
+									<p class="grid-item-text">
+											Copy Sponsorship Key
+										</p>
 										<button-icon-copy
 											title="${translate(
 												"becomeMinterPage.bchange17"