simplify CSS classes

Examples/DynamicEditor/DynEditorExample.css

@@ -13,24 +13,28 @@
 	align-self: auto;
 }
 
-/* Make generated labels flow on top */
+/* Make generated labels flow on top 
 .itasks-container.itasks-form-item {
 	flex-direction: column;
 }
+*/
 
 /* Set base padding and indent vertical structures horizontally */
 .typedtasks-base {
+	flex: 0 0 auto;
 	padding: 0.2em 0.4em;
 	margin: 0.8em 1.6em;
 }
 
 /* Center horizontal structures vertically */
 .typedtasks-horizontal {
+	flex-direction: row;
 	align-items: center;
 	margin: 0.2em;
 }
 
 .typedtasks-vertical {
+	flex-direction: column;
 }
 
 /* Add background boxes which get darker with nesting */

Examples/DynamicEditor/DynEditorExample.icl

@@ -391,9 +391,9 @@ where
   stringEditor :: Editor String
   stringEditor = gEditor{|*|}
 
-  basicClasses = [ "typedtasks-base", "itasks-wrap-width", "itasks-wrap-height" ]
-  horizontalClasses = [ "typedtasks-horizontal", "itasks-horizontal" ]
-  verticalClasses = [ "typedtasks-vertical", "itasks-vertical" ]
+  basicClasses = [ "typedtasks-base" ]
+  horizontalClasses = [ "typedtasks-horizontal" ]
+  verticalClasses = [ "typedtasks-vertical" ]
   boxedClasses = [ "typedtasks-boxed" ]
 
   applyHorizontalBoxedLayout = ApplyCssClasses $ basicClasses ++ horizontalClasses ++ boxedClasses