remove style in html #1678 (#1743)

demo-shell-ng2/app/components/about/about.component.css

@@ -0,0 +1,3 @@
+.about-container {
+    padding: 10px;
+}

demo-shell-ng2/app/components/about/about.component.html

@@ -1,4 +1,4 @@
-<div style="padding: 10px">
+<div class="about-container">
     <h3>Packages</h3>
     <alfresco-datatable [data]="data"></alfresco-datatable>
 </div>

demo-shell-ng2/app/components/about/about.component.ts

@@ -22,7 +22,8 @@ import { LogService } from 'ng2-alfresco-core';
 
 @Component({
     selector: 'about-page',
-    templateUrl: './about.component.html'
+    templateUrl: './about.component.html',
+    styleUrls: ['./about.component.css']
 })
 export class AboutComponent implements OnInit {
 

demo-shell-ng2/app/components/files/files.component.css

@@ -15,3 +15,8 @@
 .error-message--text {
     color: #d50000;
 }
+
+.options-container {
+    width: 250px;
+    margin: 20px;
+}

demo-shell-ng2/app/components/files/files.component.html

@@ -107,7 +107,7 @@
 
 <context-menu-holder></context-menu-holder>
 
-<p style="width:250px;margin: 20px;">
+<p class="options-container">
     <label for="switch-multiple-file" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
         <input type="checkbox" id="switch-multiple-file" class="mdl-switch__input" (change)="toggleMultipleFileUpload()" >
         <span class="mdl-switch__label">Multiple File Upload</span>
@@ -115,14 +115,14 @@
 </p>
 
 
-<p style="width:250px;margin: 20px;">
+<p class="options-container">
     <label for="switch-folder-upload" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
         <input type="checkbox" id="switch-folder-upload" class="mdl-switch__input" (change)="toggleFolder()">
         <span class="mdl-switch__label">Folder Upload</span>
     </label>
 </p>
 
-<p style="width:250px;margin: 20px;">
+<p class="options-container">
     <label for="switch-accepted-file-type" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
         <input type="checkbox" id="switch-accepted-file-type" class="mdl-switch__input" (change)="toggleAcceptedFilesType()">
         <span class="mdl-switch__label">Filter extension</span>

demo-shell-ng2/app/components/setting/setting.component.css

@@ -2,6 +2,7 @@
     width: 320px;
     height: 320px;
 }
+
 .setting-card > .mdl-card__title {
     color: #fff;
     background: bottom right 15% no-repeat #1fbcd2;
@@ -22,5 +23,9 @@
 }
 
 .icon-margin {
-     margin-right: 9px;
- }
+    margin-right: 9px;
+}
+
+.table-row {
+    display: table-row;
+}

demo-shell-ng2/app/components/setting/setting.component.html

@@ -1,5 +1,5 @@
 <div class="setting-container">
-    <div style="display: table-row">
+    <div class="table-row">
         <div class="setting-card-padding"></div>
         <div class="setting-card mdl-card mdl-shadow--2dp">
             <div class="mdl-card__title mdl-card--expand">