fixed content under sidebar issue (hopefully)

src/app/app.component.css

@@ -3,6 +3,8 @@
   position: relative;
   float: left;
   margin-top: 10px;
+  bottom: 0;
+  opacity: 95%;
 }
 
 .nav a {

src/app/sprint-table/sprint-table.component.css

@@ -1,3 +1,11 @@
 th.sortable:hover {
     text-decoration: underline;
 }
+
+.content {
+    position: relative;
+    float: left;
+    margin-top: 10px;
+    margin-left: 20px;
+    width: 80%;
+}

src/app/sprint-table/sprint-table.component.html

@@ -1,5 +1,5 @@
 <div class="container-fluid">
-
+  <div class="content">
     <h3>
       Sprints
     </h3>
@@ -63,4 +63,4 @@
 
     </table>
   </div>
-  
+</div>

src/app/task-table/task-table.component.css

@@ -1,3 +1,11 @@
 th.sortable:hover {
   text-decoration: underline;
 }
+
+.content {
+  position: relative;
+  float: left;
+  margin-top: 10px;
+  margin-left: 20px;
+  width: 80%;
+}

src/app/task-table/task-table.component.html

@@ -1,5 +1,5 @@
 <div class="container-fluid">
-
+  <div class="content">
     <h3>
       <a *ngIf="filterUserstoryId" [routerLink]="['/userstories', {id: filterUserstoryId}]">
         Userstory #{{filterUserstoryId}}
@@ -122,5 +122,5 @@
       </tbody>
 
     </table>
+  </div>
 </div>
-

src/app/userstory-table/userstory-table.component.css

@@ -1,3 +1,11 @@
 th.sortable:hover {
   text-decoration: underline;
 }
+
+.content {
+  position: relative;
+  float: left;
+  margin-top: 10px;
+  margin-left: 20px;
+  width: 80%;
+}

src/app/userstory-table/userstory-table.component.html

@@ -1,5 +1,5 @@
 <div class="container-fluid">
-
+  <div class="content">
     <h3>Userstories</h3>
 
     <button class="btn btn-secondary" (click)="openUserstoryForm()">Neue Userstory</button>
@@ -103,4 +103,5 @@
       </tbody>
 
     </table>
+  </div>
 </div>