fix teveel klanten

src/app/pages/klanten/klanten.component.html

@@ -19,6 +19,7 @@
         Klant toevoegen
       </button>
     </div>
+    <div class="results">
       <table class="styled-table">
         <thead>
         <tr>
@@ -33,7 +34,7 @@
         </tr>
         </tbody>
       </table>
-
+    </div>
   </div>
 </div>
 

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;
+}