diff --git a/css/ds.css b/css/ds.css index d3212cc..e0658e9 100644 --- a/css/ds.css +++ b/css/ds.css @@ -44,7 +44,6 @@ td ul { padding-left: 0; } .report-container { - width: 75%; margin: 0 auto; background-color: #fff; padding: 1rem 1rem 3rem 1rem; @@ -52,20 +51,20 @@ td ul { .mt-2 { margin-top: 2rem !important; } -td.key { - min-width: 400px; -} table.table td, table.table th { border: none; } #map { - height: 450px; + height: 500px; } #gallery img { max-height: 200px; min-height: 200px; } +#coord span { + display: block; +} /* Print styles */ @media print { @@ -78,3 +77,20 @@ table.table th { display: none; } } +/* Responsiveness... */ +@media (min-width: 1652px) { + .report-container { + width: 75%; + } + td.key { + min-width: 400px; + } +} +@media (max-width: 1652px) { + .report-container { + width: 100%; + } + td.key { + min-width: 200px; + } +} \ No newline at end of file diff --git a/js/views/report.js b/js/views/report.js index 295b7be..898190c 100644 --- a/js/views/report.js +++ b/js/views/report.js @@ -42,6 +42,12 @@ document.addEventListener('readystatechange', async () => { DataSpace.createMap([lat, long]); + // Write coordinates below map + document.querySelector('#coord').innerHTML = ` + Latitude: ${lat} + Longitude: ${long} + `; + resKeys = resKeys.filter(e => !e.includes('Coordinates')); document.querySelector('#rep-tit') diff --git a/report/index.html b/report/index.html index 481e24f..52352f3 100644 --- a/report/index.html +++ b/report/index.html @@ -37,17 +37,21 @@

-
+
-
+
+

+ Coordinates +

+

-
+

Click on any image to open gallery