diff --git a/SRC/main.js b/SRC/main.js
index a3f8fff..24dde25 100755
--- a/SRC/main.js
+++ b/SRC/main.js
@@ -151,25 +151,26 @@ async function fetchData(planetId) {
let rowHtml = '';
columns.forEach(col => {
const colLower = col.toLowerCase();
+ const colLabel = col.toUpperCase();
if (colLower.includes('url') || colLower === 'image' || colLower === 'img') {
const url = row[col];
if (url && url.trim() !== '') {
- rowHtml += `
+ rowHtml += ` |
${url}
| `;
} else {
- rowHtml += `N/A | `;
+ rowHtml += `N/A | `;
}
} else if (colLower.includes('desc') || colLower.includes('expl')) {
const text = row[col] || '';
let fontSizeStyle = '';
if (text.length > 200) fontSizeStyle = ' font-size: 0.75rem;';
else if (text.length > 100) fontSizeStyle = ' font-size: 0.85rem;';
- rowHtml += `${text} | `;
+ rowHtml += `${text} | `;
} else {
- rowHtml += `${row[col]} | `;
+ rowHtml += `${row[col]} | `;
}
});
@@ -178,6 +179,11 @@ async function fetchData(planetId) {
});
const tableContainer = tbody.closest('.table-container');
+ if (tableContainer) {
+ tableContainer.style.overflowX = 'auto';
+ tableContainer.style.maxWidth = '100%';
+ tableContainer.style.WebkitOverflowScrolling = 'touch';
+ }
const existingBtn = tableContainer.querySelector('.show-more-btn');
if (existingBtn) existingBtn.remove();
@@ -359,7 +365,7 @@ document.addEventListener('DOMContentLoaded', () => {
const iframes = document.querySelectorAll('iframe');
iframes.forEach(iframe => {
const fallback = document.createElement('div');
- fallback.textContent = "fonctionnalité uniquement fonctionnelle sur pc";
+ fallback.textContent = "functionality not available on mobile devices";
fallback.style.display = "flex";
fallback.style.alignItems = "center";
fallback.style.justifyContent = "center";