change: header left align

diff --git a/src/app/app.component.css b/src/app/app.component.css
index 648ab33de2e2884fb5f562d0c62a4813f3d0bac2..d5a817114e15653f4751e49176ef79ebe225033c 100644 (file)
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,11 +1,8 @@
 h1 {
-       text-align: center;
+       text-align: left;
 }
 
-
-@media only screen and (min-width: 60.625em) {
-       .foodcardeditor {
-               max-width: 60em;
-               margin: 0 auto;
-       }
+.foodcardeditor {
+       max-width: 60em;
+       margin: 0 auto;
 }

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 84402ed1ee7d1c5b9ac89dbb80ad4c62882d9def..bc0384317c620343ae595b03e45ea0646976c8f4 100644 (file)
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,5 @@
-<h1>Speisekarten-Editor</h1>
 <div class=foodcardeditor>
+       <h1>Speisekarten-Editor</h1>
        <input type="file"
                name="fileupload"
                (change)="fileEvent($event)" />

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 265d4dc6008cbbe345243400eb4ada7b521d0cc3..544864a4a57e1927d2c13dc6fe6c2538eace5d46 100644 (file)
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -21,7 +21,7 @@ export class AppComponent implements AfterViewChecked
        public foodcard: IFoodCard = { Titles: [] };
        public downloadJsonHref: SafeUrl = "";
        public downloadHtmlHref: SafeUrl = "";
-       public title = "speisekarten-editor";
+       public title: string = "speisekarten-editor";
 
        constructor(private jsonFileService: JsonFileService,
                private htmlExportService: HtmlExportService) {}