big restructure

web/css/components/app-list-toolbar.css

@@ -1,6 +1,6 @@
 .app-list-toolbar {
   display: flex;
-  align-items: center;
+  align-items: flex-end;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: calc(var(--app-spacing) * 1);
@@ -22,6 +22,14 @@
   font-size: 13px !important;
   height: auto !important;
 }
+.app-list-toolbar > * > * > *{
+  margin: 0 !important;
+  width: auto !important;
+  --app-form-element-spacing-horizontal: 10px;
+  --app-form-element-spacing-vertical: 6px;
+  font-size: 13px !important;
+  height: auto !important;
+}
 
 .app-list-toolbar
   input:not(