From bda52fc6659f8b54d019bf1df6c540955f40b11a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Sun, 24 Nov 2024 21:52:12 +0100
Subject: [PATCH] Load all spherical photos + UI

---
 css/app.css       | 6 +++++-
 webgis/index.html | 7 ++++++-
 webgis/js/gis.js  | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/css/app.css b/css/app.css
index dc71ce6..03f3bb9 100644
--- a/css/app.css
+++ b/css/app.css
@@ -20,6 +20,9 @@ a {
 a:visited {
     color: var(--links-color);
 }
+.main.columns {
+    height: 95vh;
+}
 .main.credits {
     width: 60vw;
     margin: 0 auto;
@@ -138,7 +141,8 @@ a:visited {
 }
 /* Leaflef map container */
 #map {
-    height: calc(100vh - 107px);
+    /*height: calc(100vh - 107px);*/
+    height: 100%;
 }
 
 #map-progress {
diff --git a/webgis/index.html b/webgis/index.html
index d6c0979..c1eec4b 100644
--- a/webgis/index.html
+++ b/webgis/index.html
@@ -46,9 +46,14 @@
             <button class="navbar-item button is-size-5 is-white" role="button" id="non-conserv">
                 Beni non conservati
             </button>
-            <button class="navbar-item button is-size-5 is-white" role="button" id="rinvenimenti">
+            <button class="navbar-item button is-size-5 is-white mr-3" role="button" id="rinvenimenti">
                 Rinvenimenti
             </button>
+            <button class="button is-outlined is-rounded is-link mr-4 mt-1" id="howto" title="Istruzioni">
+                <span class="icon is-large has-text-link">
+                    <i class="fas fa-question fa-lg"></i>
+                </span>
+            </button>
         </div>
     </nav>
     <!-- TODO Loader -->
diff --git a/webgis/js/gis.js b/webgis/js/gis.js
index a11baf6..3a67453 100644
--- a/webgis/js/gis.js
+++ b/webgis/js/gis.js
@@ -327,7 +327,7 @@ GIS.initLayers = async function(map) {
  */
 GIS.toggleSpherical = async function(map) {
     // TODO Create points layer
-    const spherical = await this._fetchData('spherical/by/gis/gradola');
+    const spherical = await this._fetchData('spherical');
     let sphereMarkers = [];
     const sPhoto = new SphericalPhoto();