Fix some styling

projects/common-map/src/fm-map/components/map/map.component.html

@@ -45,11 +45,13 @@
 <fm-side-panel [visible]="(menuVisible|async)" class="menu">
   <div class="container-fluid">
     <div class="body">
-      <div class="logo">
-        <router-outlet name="side-panel-logo"></router-outlet>
-        <span><button type="button" class="btn btn-outline-secondary" (click)="handleToggleMenu($event)"><i class="fa fa-times" aria-hidden="true"></i></button></span>
+      <div class="d-flex flex-row">
+        <div class="mt-2 mb-2 flex-grow-1 logo"><router-outlet name="side-panel-logo"></router-outlet></div>
+        <div class="mt-2 mb-2 ml-2"><button type="button" class="btn btn-outline-secondary" (click)="handleToggleMenu($event)"><i class="fa fa-times" aria-hidden="true"></i></button></div>
       </div>
-      <router-outlet name="side-panel-menu"></router-outlet>          
+      <div class="d-flex flex-column cards"> 
+          <router-outlet name="side-panel-menu"></router-outlet>          
+      </div>      
   </div>
   </div>
 </fm-side-panel>

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

@@ -85,16 +85,21 @@ switch2d3d {
   font-style:italic;
 }
 
-div.logo {
+div.header {
   display:flex;
   padding-top:1em;
   margin-bottom:1em;
 }
 
-div.logo button {
+div.header button {
   margin-left:1em;
 }
 
+.logo {
+  overflow: hidden;
+  max-height: 2.5em;
+}
+
 timespan {
   position: absolute;
   transition: left 0.5s;

projects/common-map/tslint.json

@@ -4,13 +4,13 @@
     "directive-selector": [
       true,
       "attribute",
-      "lib",
+      "fm-map",
       "camelCase"
     ],
     "component-selector": [
       true,
       "element",
-      "lib",
+      "fm-map",
       "kebab-case"
     ]
   }

projects/common/tslint.json

@@ -4,13 +4,13 @@
     "directive-selector": [
       true,
       "attribute",
-      "lib",
+      "fm",
       "camelCase"
     ],
     "component-selector": [
       true,
       "element",
-      "lib",
+      "fm",
       "kebab-case"
     ]
   }

src/app/menu/menu.component.scss

@@ -1,7 +1,5 @@
 .menu-card {
-    margin-left:-7px;
     padding-left:7px;
-    margin-right:-7px;
     padding-right:7px;
     margin-bottom:7px;
   }