From 4567a4deed781b7e0a767017ea842b6e66f5dfbb Mon Sep 17 00:00:00 2001
From: jfhr <me@jfhr.de>
Date: Wed, 3 Jun 2020 17:22:16 +0200
Subject: [PATCH] =?UTF-8?q?Versch=C3=B6nere=20Oberfl=C3=A4che=20mit=20Boot?=
 =?UTF-8?q?strap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/task-form/task-form.component.html | 24 ++++++++++++----------
 src/app/task-list/task-list.component.html | 11 +++++-----
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/app/task-form/task-form.component.html b/src/app/task-form/task-form.component.html
index df340ca..e60323d 100644
--- a/src/app/task-form/task-form.component.html
+++ b/src/app/task-form/task-form.component.html
@@ -1,14 +1,16 @@
-<form>
-    <div class="form-group">
-        <label for="Title">Titel</label>
-        <input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="title">
-    </div>
+<div class="modal-content p-3">
+    <form>
+        <div class="form-group">
+            <label for="Title">Titel</label>
+            <input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="title">
+        </div>
 
-    <div class="form-group">
-        <label for="Inhalt">Inhalt</label>
-        <input type="text" class="form-control" id="Content" required name="content" [(ngModel)]="content">
-    </div>
+        <div class="form-group">
+            <label for="Inhalt">Inhalt</label>
+            <input type="text" class="form-control" id="Content" required name="content" [(ngModel)]="content">
+        </div>
 
-    <button type="submit" class="btn btn-success">Submit</button>
+        <button type="submit" class="btn btn-success">Submit</button>
 
-</form>
\ No newline at end of file
+    </form>
+</div>
\ No newline at end of file
diff --git a/src/app/task-list/task-list.component.html b/src/app/task-list/task-list.component.html
index e6db78c..269ec70 100644
--- a/src/app/task-list/task-list.component.html
+++ b/src/app/task-list/task-list.component.html
@@ -1,11 +1,12 @@
-<button (click)=openTaskForm(null)>Neu</button>
+<button class="btn btn-dark m-3" (click)="openTaskForm(null)">Neu</button>
 
-<ul>
-    <li *ngFor="let task of tasks">
+<ul class="list-group m-3">
+    <li *ngFor="let task of tasks" class="list-group-item">
         <span>Titel: {{task.title}}</span>
         <br/>
         <span>Inhalt: {{task.content}}</span>
-        <button (click)="openTaskForm(task)">Bearbeiten</button>
-        <button (click)="deleteTask(task)">Löschen</button>
+        <br>
+        <button class="btn btn-secondary m-2" (click)="openTaskForm(task)">Bearbeiten</button>
+        <button class="btn btn-secondary m-2" (click)="deleteTask(task)">Löschen</button>
     </li>
 </ul>