add styling improvements; add geojson export for as zip file;

src/app/map/map.component.scss

@@ -38,6 +38,8 @@
   }
 
   .layer-control-area {
+    max-width:25vw;
+
     .layer-list {
       max-width: 100%;
       border: solid 1px #ccc;
@@ -49,18 +51,31 @@
 
 
       .list-entry {
-        padding: 20px 10px;
+        padding: 10px;
         border-bottom: solid 1px #ccc;
         color: rgba(0, 0, 0, 0.87);
         display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
         box-sizing: border-box;
         cursor: move;
         background: white;
         font-size: 14px;
 
+        .title {
+          margin: 10px 0px 10px 0;
+          word-break: break-word;
+        }
+
+        .layer-controls {
+
+          > * {
+            margin-right: 8px;
+            cursor: pointer;
+          }
+        }
+
         &:last-child {
           border: none;
         }
@@ -71,6 +86,10 @@
       transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
     }
   }
+
+  .property-list-area {
+    max-width: 25vw;
+  }
 }
 
 .cdk-drag-preview {