fixed the alignment of the span element

Author: Anshpreet

src/mapml.css

@@ -634,10 +634,6 @@ button.mapml-button:disabled,
   justify-content: center;
 }
 
-.mapml-layer-item-properties label {
-  text-indent: 5px;
-}
-
 
 .mapml-layer-item-remove-control,
 .mapml-layer-item-settings-control {
@@ -648,9 +644,15 @@ button.mapml-button:disabled,
 }
 
 .mapml-layer-item-toggle{
+  display: inline-flex !important;
   width: 100%;
 }
 
+.mapml-layer-item-name {
+  word-break: break-word;
+  text-align: left;
+}
+
 .mapml-layer-item-settings > * {
   display: block;
   padding-block-start: .25rem;

src/mapml/layers/MapLayer.js

@@ -554,7 +554,7 @@ export var MapMLLayer = L.Layer.extend({
           legendLink.draggable = false;
           layerItemName.appendChild(legendLink);
         } else {
-          layerItemName.innerHTML = ' ' + this._title;
+          layerItemName.innerHTML = this._title;
         }
         layerItemName.id = this._title;
         opacityControlSummary.innerText = 'Opacity';

test/e2e/core/drag.test.js

@@ -75,7 +75,7 @@ jest.setTimeout(30000);
 
         expect(controlText.toLowerCase()).toContain(domLayer.toLowerCase());
         expect(layerIndex).toEqual("2");
-        expect(controlText).toBe(" Canada Base Map - Transportation (CBMT)");
+        expect(controlText).toBe("Canada Base Map - Transportation (CBMT)");
       });
 
       test("[" + browserType + "]" + " Moving layer up one in control overlay", async () => {
@@ -103,7 +103,7 @@ jest.setTimeout(30000);
 
         expect(controlText.toLowerCase()).toContain(domLayer.toLowerCase());
         expect(layerIndex).toEqual("1");
-        expect(controlText).toBe(" Static MapML With Tiles");
+        expect(controlText).toBe("Static MapML With Tiles");
       });
 
     });