work on the styling for the bli filter icons

src/app/alexander/FilterBLIDimensonsControl.ts

@@ -16,17 +16,21 @@ export class FilterBLIDimensionsControl extends Control{
     constructor(opt_options){
         super({});
 
-        let button = document.createElement('button');
-        button.type='button';
-        button.className='ol-control';
-        button.innerHTML='NXXXX';
+        let rowContainer = document.createElement('div');
+        rowContainer.className='row justify-content-center';
+        rowContainer.setAttribute('style','position:absolute; bottom:80px; width:100%;');
 
         let element = document.createElement('div');
-        //element.className='ol-feature ol-control';
-        element.className='ol-control';
+        //element.className='col-md-10 row justify-content-center';
+        element.classList.add('col-md-10');
+        element.classList.add('row');
+        element.classList.add('justify-content-center');
+
+        //we do not set the control class because it gives a background color 
+        //which is unwanted
+        //element.className='ol-control';
         
-        element.setAttribute("style","position: absolute; bottom:80px; left:20px;");
-        element.appendChild(button);
+        //element.setAttribute("style","position: absolute; bottom:80px; left:20px;");
 
         const arr : string[] = [
             'community','education','engagement','governance',
@@ -49,26 +53,22 @@ export class FilterBLIDimensionsControl extends Control{
             }
         }
 
+        rowContainer.appendChild(element);
+
         Control.call(this,{
-            element:element,
+            element:rowContainer,
             target: opt_options.target
         });
 
-        button.addEventListener('click',()=>this.click());
     }
 
     make_bli_icon(file : string) : HTMLElement{
         let icon=document.createElement('img');
         icon.src='/assets/img/bli/'+file;
-        icon.setAttribute('style','width: 5em;height:auto');
+        icon.setAttribute('style','width: 3em;height:auto');
         return icon;
     }
 
-    click(){
-        console.log('click');
-        //console.log(this.getMap());
-    }
-
     clickToggleFilterIcons(){
         console.log('click toggle filter icons');
     }