From 3194e8b8b30e0b5e17a5b5843aa04802927fd350 Mon Sep 17 00:00:00 2001
From: Guilhem Moulin <guilhem@fripost.org>
Date: Thu, 11 Jan 2024 21:11:01 +0100
Subject: Improve CSS.

---
 main.js | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

(limited to 'main.js')

diff --git a/main.js b/main.js
index dd365e3..b70ff56 100644
--- a/main.js
+++ b/main.js
@@ -95,12 +95,27 @@ const map = new Map({
   controls: [
     new Zoom({
       zoomInTipLabel: 'Zooma in',
+      zoomInLabel: (function() {
+        const label = document.createElement('i');
+        label.classList.add('bi', 'bi-plus');
+        return label;
+      })(),
       zoomOutTipLabel: 'Zooma ut',
+      zoomOutLabel: (function() {
+        const label = document.createElement('i');
+        label.classList.add('bi', 'bi-dash');
+        return label;
+      })(),
     }),
     new Attribution({
       collapsible: true,
       collapsed: true,
       tipLabel: 'Information',
+      label: (function() {
+        const label = document.createElement('i');
+        label.classList.add('bi', 'bi-info');
+        return label;
+      })(),
     }),
   ],
   view: new View({
@@ -128,8 +143,8 @@ const map = new Map({
     element: element,
   }));
   element.onclick = function(event) {
-    document.getElementById('layer-selection-dialog').classList.toggle('map-dialog-hidden');
-    element.classList.toggle('map-dialog-expanded');
+    document.getElementById('layer-selection-panel').classList.toggle('map-panel-hidden');
+    element.classList.toggle('map-panel-expanded');
   };
 })();
 
-- 
cgit v1.2.3