diff --git a/www/css/styles.css b/www/css/styles.css
index 67ad6e2..e62486d 100644
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -154,4 +154,14 @@ html.md .navbar .link {
.card-opened .navbar {
display: block;
+}
+
+#person-name {
+ overflow-wrap: break-word;
+}
+
+#person-bio {
+ border-top: 1px solid var(--f7-card-footer-border-color);
+ padding-top: var(--f7-card-footer-padding-vertical);
+ overflow-wrap: break-word;
}
\ No newline at end of file
diff --git a/www/js/map.js b/www/js/map.js
index 545f309..4446243 100644
--- a/www/js/map.js
+++ b/www/js/map.js
@@ -83,7 +83,7 @@ function updateMap() {
if (data.type == "FeatureCollection") {
leafletpeoplelayer.clearLayers();
data.features.forEach(function (item) {
- item.properties.popupContent = " " + item.properties.name + "
Send Money";
+ item.properties.popupContent = " " + (item.properties.name.length > 50 ? item.properties.name.substring(0,50) + "..." : item.properties.name) + "
Send Money";
leafletpeoplelayer.addData(item);
});
leafletmap.addLayer(leafletpeoplelayer);
diff --git a/www/js/sendmoney.js b/www/js/sendmoney.js
index 732a108..5f76202 100644
--- a/www/js/sendmoney.js
+++ b/www/js/sendmoney.js
@@ -45,7 +45,7 @@ $("#scanqrcodebtn").on("click", function () {
app.dialog.alert(error, "Scan Error");
},
{
- showTorchButton : true,
+ showTorchButton: true,
prompt: "Scan a code to send money",
resultDisplayDuration: 0,
disableSuccessBeep: true
@@ -92,6 +92,10 @@ function loadSendMoneyPage() {
app.preloader.hide();
console.log("Profile", data.profile);
$("#person-name").text(data.profile.name);
+ if (data.profile.bio != "") {
+ $("#person-bio").text(data.profile.bio);
+ $("#person-bio").removeClass("display-none");
+ }
if (data.profile.verified) {
$("#verified-badge").removeClass("display-none");
} else {
diff --git a/www/pages/sendmoney.html b/www/pages/sendmoney.html
index 5929735..de62b08 100644
--- a/www/pages/sendmoney.html
+++ b/www/pages/sendmoney.html
@@ -56,8 +56,8 @@