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
-
-
-
- | Naam |
- Email |
-
-
-
-
- | {{ customer.firstName }} {{ customer.lastName }} |
- {{ customer.email }} |
-
-
-
-
+
+
+
+
+ | Naam |
+ Email |
+
+
+
+
+ | {{ 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;
+}