fix(custom-html): add padding

projects/common/src/lib/custom-html/custom-html.component.html

@@ -1,3 +1 @@
-
-<div style=" padding: 20px; " [innerHTML]="html"></div>
-
+<div class="custom-html" [innerHTML]="html"></div>

projects/common/src/lib/custom-html/custom-html.component.scss

@@ -0,0 +1,3 @@
+.custom-html {
+  padding: 20px;
+}

projects/common/src/lib/custom-html/custom-html.component.ts

@@ -1,14 +1,11 @@
 import { Component, Input } from '@angular/core';
 
-
 @Component({
   selector: 'igo-custom-html',
   templateUrl: './custom-html.component.html',
-  styles: ['./custom-html.component.html']
+  styleUrls: ['./custom-html.component.scss']
 })
 export class CustomHtmlComponent {
-
-
   @Input()
   get html(): string {
     return this._html;
@@ -19,5 +16,4 @@ export class CustomHtmlComponent {
   private _html = '';
 
   constructor() {}
-
 }

projects/common/src/lib/custom-html/custom-html.module.ts

@@ -1,10 +1,8 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   MatIconModule,
   MatTooltipModule,
-  MatFormFieldModule,
   MatInputModule,
   MatButtonModule
 } from '@angular/material';
@@ -13,15 +11,11 @@ import { IgoLanguageModule } from '@igo2/core';
 
 import { CustomHtmlComponent } from './custom-html.component';
 
-
 @NgModule({
   imports: [
     CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
     MatIconModule,
     MatTooltipModule,
-    MatFormFieldModule,
     MatInputModule,
     MatButtonModule,
     IgoLanguageModule

projects/common/src/public_api.ts

@@ -7,6 +7,7 @@ export * from './lib/clickout/clickout.module';
 export * from './lib/clone/clone.module';
 export * from './lib/collapsible/collapsible.module';
 export * from './lib/confirm-dialog/confirm-dialog.module';
+export * from './lib/custom-html/custom-html.module';
 export * from './lib/drag-drop/drag-drop.module';
 export * from './lib/flexible/flexible.module';
 export * from './lib/image/image.module';
@@ -18,13 +19,13 @@ export * from './lib/sidenav/sidenav.module';
 export * from './lib/spinner/spinner.module';
 export * from './lib/stop-propagation/stop-propagation.module';
 export * from './lib/table/table.module';
-export * from './lib/custom-html/custom-html.module';
 
 export * from './lib/backdrop';
 export * from './lib/clickout';
 export * from './lib/clone';
 export * from './lib/collapsible';
 export * from './lib/confirm-dialog';
+export * from './lib/custom-html';
 export * from './lib/drag-drop';
 export * from './lib/flexible';
 export * from './lib/image';
@@ -36,4 +37,3 @@ export * from './lib/sidenav';
 export * from './lib/spinner';
 export * from './lib/stop-propagation';
 export * from './lib/table';
-export * from './lib/custom-html';

projects/tools/src/lib/about-tool/about-tool.component.ts

@@ -16,22 +16,23 @@ import { AboutToolOptions } from './about-tool.interface';
 export class AboutToolComponent {
   public options: AboutToolOptions = {};
   private defaultAboutText = `
-  <h1>About IGO</h1>
-  <p>IGO (for Open GIS Infrastructure) is a Free Open Source Software
-  for Geospatial (FOSS4G) developed by organisations in the government
-  of Quebec in Canada. The objective is to make it open, common,
-  modular, based on open governance model supported by multiple
-  organisations. IGO is a Web GIS software with a client & server
-  component to manage and publish massive amount of Geospatial data.
-  </p>
-  </hr>
-  <a href='mailto:[email protected]' target='_top'>info[@]igouverte.org</a>
-  </br>
-  <a href='http://www.igouverte.org' target='_blank'>www.igouverte.org</A>`;
+    <h1>About IGO</h1>
+    <p>IGO (for Open GIS Infrastructure) is a Free Open Source Software
+    for Geospatial (FOSS4G) developed by organisations in the government
+    of Quebec in Canada. The objective is to make it open, common,
+    modular, based on open governance model supported by multiple
+    organisations. IGO is a Web GIS software with a client & server
+    component to manage and publish massive amount of Geospatial data.
+    </p>
+    </hr>
+    <a href='mailto:[email protected]' target='_top'>info[@]igouverte.org</a>
+    </br>
+    <a href='http://www.igouverte.org' target='_blank'>www.igouverte.org</A>`;
 
   get html(): string {
     return this.options.html === undefined
-      ? this.defaultAboutText : this.options.html;
+      ? this.defaultAboutText
+      : this.options.html;
   }
 
   constructor() {}

projects/tools/src/public_api.ts

@@ -3,6 +3,7 @@
  */
 
 export * from './lib/tools.module';
+export * from './lib/about-tool/about-tool.module';
 export * from './lib/context-manager-tool/context-manager-tool.module';
 export * from './lib/context-editor-tool/context-editor-tool.module';
 export * from './lib/catalog-tool/catalog-tool.module';
@@ -17,8 +18,8 @@ export * from './lib/search-results-tool/search-results-tool.module';
 export * from './lib/share-map-tool/share-map-tool.module';
 export * from './lib/time-analysis-tool/time-analysis-tool.module';
 export * from './lib/ogc-filter-tool/ogc-filter-tool.module';
-export * from './lib/about-tool/about-tool.module';
 
+export * from './lib/about-tool';
 export * from './lib/context-manager-tool';
 export * from './lib/context-editor-tool';
 export * from './lib/catalog-tool';
@@ -33,4 +34,3 @@ export * from './lib/search-results-tool';
 export * from './lib/share-map-tool';
 export * from './lib/time-analysis-tool';
 export * from './lib/ogc-filter-tool';
-export * from './lib/about-tool';