Vor erster Präsentation am 29.8.2022

src/app/modul/modul.component.html

@@ -1,8 +1,7 @@
+<div class="pb-1 mb-4 display-6 border-bottom border-danger">
+    Module
+</div>
 <div class="container col-5 float-left">
-    <div class="clearfix">
-        <div class="display-6">Module</div>    
-        <button type="button" class="btn btn-primary float-left">Neu</button>
-    </div>
     <mat-form-field appearance="standard">
         <mat-label>Filter</mat-label>
         <input matInput (keyup)="applyFilter($event)" placeholder="Suchbegriff" #input>
@@ -29,4 +28,15 @@
         <tr mat-row *matRowDef="let  modrow; columns: displayedColumns;"></tr>
     </table>
     <mat-paginator class="mat-elevation-z8 mt-2" #paginator [pageSizeOptions]="[10, 20, 50]" showFirstLastButtons></mat-paginator>
+</div>
+<!-- Edit Bereich -->
+<div class="container col-6 float-right">
+    
+    <div class="titel">Modul bearbeiten</div>
+    <div class="container mt-8 mat-elevation-z8">
+        
+        <form>
+        
+        </form>
+    </div>
 </div>