diff --git a/src/app/pages/klanten/klanten.component.html b/src/app/pages/klanten/klanten.component.html index 41ec7ce..89a8bdc 100644 --- a/src/app/pages/klanten/klanten.component.html +++ b/src/app/pages/klanten/klanten.component.html @@ -19,21 +19,22 @@ Klant toevoegen - - - - - - - - - - - - - -
NaamEmail
{{ customer.firstName }} {{ customer.lastName }}{{ customer.email }}
- +
+ + + + + + + + + + + + + +
NaamEmail
{{ customer.firstName }} {{ customer.lastName }}{{ customer.email }}
+
diff --git a/src/app/pages/klanten/klanten.component.scss b/src/app/pages/klanten/klanten.component.scss index 3c9a9de..62890b2 100644 --- a/src/app/pages/klanten/klanten.component.scss +++ b/src/app/pages/klanten/klanten.component.scss @@ -15,6 +15,7 @@ h2 { display: flex; flex-direction: column; justify-content: center; + overflow-y: unset; } .styled-table { @@ -25,7 +26,7 @@ h2 { text-align: left; /* Tekst uitlijning */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Zachte schaduw */ border-radius: 10px; /* Afgeronde hoeken */ - overflow: hidden; /* Hoeken correct afronden */ + overflow: scroll; /* Hoeken correct afronden */ } .styled-table thead { @@ -60,6 +61,7 @@ h2 { .toolbar { button { margin-left: 8px; + position: sticky; } margin-bottom: 12px; @@ -69,4 +71,7 @@ h2 { } +.results{ + overflow-y: scroll; +}