Some styling fixes

projects/common-map/src/fm-map/components/aol/switch2d3d/switch2d3d.component.scss

@@ -0,0 +1,15 @@
+@import "~bootstrap/scss/bootstrap.scss";
+
+.twotreed {
+  display:block; 
+  width:2.5em;
+  height:2.5em;
+  background-color: $body-bg;
+  background-size: contain;
+  margin-top:0.5em;
+  text-align: center;
+  line-height: 2.5em; 
+  border-radius: 1.75em;
+  padding: 0;
+  color: $secondary;
+}

projects/common-map/src/fm-map/components/aol/switch2d3d/switch2d3d.component.ts

@@ -7,16 +7,8 @@ declare var olcs: any;
 
 @Component({
   selector: 'fm-map-switch2d3d',
-  template: '<div (click)="handleClick($event)" class="rounded-circle twotreed">{{label}}</div>',
+  template: '<div (click)="handleClick($event)" class="btn btn-outline-secondary twotreed">{{label}}</div>',
-  styles: [`.twotreed {
+  styleUrls: ['./switch2d3d.component.scss']
-    width:2.5em;
-    height:2.5em;
-    background-color: white;
-    text-align:center;
-    line-height:2.5em;
-    font-weight:bold;
-    cursor:default;}`]
-
 })
 export class Switch2D3DComponent {
 
@@ -31,14 +23,14 @@ export class Switch2D3DComponent {
   }
 
   ngOnInit() {   
-    createSynchronizers: (map,scene) => {
+   
+    this.ol3d = new OLCesium({ map: this.map.instance, createSynchronizers: (map,scene) => {
         this.synchronizers = [
             new olcs.RasterSynchronizer(map,scene),
             new olcs.VectorSynchronizer(map,scene)
         ];
         return this.synchronizers;
-    }
+    }, stopOpenLayersEventsPropagation:true}); 
-    this.ol3d = new OLCesium({ map: this.map.instance,stopOpenLayersEventsPropagation:true}); 
   }
 
   synchronize() {