fix: add part attribute to field-set and remove min-with from the datatable

development/issues/open/285.html

@@ -15,7 +15,7 @@
     <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/285">Issue #285</a></li>
     <li><a href="/">Back to overview</a></li>
 </ul>
-<main>
+<main style="width: 300px">
 
 
     <monster-datasource-rest id="ds277"

source/components/datatable/style/datatable.pcss

@@ -40,7 +40,7 @@
     overflow-y: visible;
     padding: 20px;
     box-sizing: border-box;
-    min-width: fit-content;
+
     @mixin text;
 
     & .bar {

source/components/form/field-set.mjs

@@ -404,18 +404,18 @@ function getTemplate() {
 	// language=HTML
 	return `
         <div data-monster-role="control" part="control">
-            <div data-monster-role="header">
-                <div data-monster-replace="path:labels.title" data-monster-role="title"></div>
-                <div data-monster-role="extended-switch">
+            <div data-monster-role="header" part="header">
+                <div data-monster-replace="path:labels.title" data-monster-role="title" part="title"></div>
+                <div data-monster-role="extended-switch" part="extended-switch">
                     <label data-monster-replace="path:labels.toggleSwitchLabel"></label>
                     <monster-toggle-switch></monster-toggle-switch>
                 </div>
             </div>
-            <div data-monster-role="container">
-                <div class="collapse-alignment">
+            <div data-monster-role="container" part="container">
+                <div class="collapse-alignment" part="content">
                     <slot part="content"></slot>
                 </div>
-                <monster-collapse data-monster-role="collapse">
+                <monster-collapse data-monster-role="collapse" part="collapse">
                     <slot name="extended" part="extended"></slot>
                 </monster-collapse>
             </div>