Load all spherical photos + UI

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 {

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 -->

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();