any data after

src/App.svelte

@@ -139,6 +139,15 @@
       topic: "/prefix/00000-00003/tmp10",
       ws: 1,
     },
+    {
+      widget: "anydata",
+      status: "opened",
+      page: "Any data",
+      order: "3",
+      descr: "Status",
+      topic: "/prefix/00000-00003/tmp10",
+      ws: 1,
+    },
   ];
 
   //находит в массиве с виджетами wigets все уникальные названия страниц и сортирует названия по алфавиту
@@ -295,11 +304,11 @@
       @apply w-full p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white rounded-lg shadow-md lg:shadow-lg;
     }
     /* 2. style for card header */
-    .card-header-gray {
+    .card-header {
       @apply text-center text-lg text-gray-500 font-bold pb-6;
     }
     /* 3. card items positioning*/
-    .card-items-psn {
+    .card-items-psn-ajustable {
       @apply flex flex-col sm:flex-row lg:flex-row xl:flex-row 2xl:flex-row mb-6 h-8 items-center;
     }
     .card-items-psn-inline {

src/widgets/Anydata.svelte

@@ -14,5 +14,7 @@
   <div class="widget-width-inline">
     <!-- svelte-ignore a11y-label-has-associated-control -->
     <label class="widget-anydata-style">{!widget.status ? "" : widget.status}</label>
+    <!-- svelte-ignore a11y-label-has-associated-control -->
+    <label class="widget-anydata-style">{!widget.after ? "" : widget.after}</label>
   </div>
 </div>

src/widgets/Card.svelte

@@ -3,6 +3,6 @@
 </script>
 
 <div class="card">
-  <h1 class="card-header-gray">{title}</h1>
+  <h1 class="card-header">{title}</h1>
   <slot />
 </div>

src/widgets/Input.svelte

@@ -6,7 +6,7 @@
   export let widget;
 </script>
 
-<div class="card-items-psn">
+<div class="card-items-psn-ajustable">
   <div class="widget-descr-width-ajustable">
     <!-- svelte-ignore a11y-label-has-associated-control -->
     <label class="widget-descr-style">{!widget.descr ? "" : widget.descr}</label>