centered windozzz

app/assets/styles/app.css

@@ -347,33 +347,6 @@ article[eiccard][media] > header {
     font-size: 1.6rem;
 }
 
-[device="tablet"] section .cols-2:not(.noflex), [device="mobile"] section .cols-2:not(.noflex) {
-    display: flex;
-    flex-direction: column;
-    grid-template-columns: none;
-    align-items: initial;
-}
-[device="tablet"] .cols-3, [device="mobile"] .cols-3, 
-[device="tablet"] .cols-4, [device="mobile"] .cols-4, 
-[device="tablet"] .cols-5, [device="mobile"] .cols-5, 
-[device="mobile"] .cols-6 {
-    display: flex;
-    flex-direction: column;
-    grid-template-columns: none;
-}
-
-[device="tablet"] .cols-6 {
-    grid-template-columns: 1fr 1fr 1fr;
-}
-
-[device="tablet"] .cols-8 {
-    grid-template-columns: 1fr 1fr 1fr 1fr;
-}
-
-[device="mobile"] .cols-8 {
-    grid-template-columns: 1fr 1fr;
-}
-
 div.window > section:first-of-type > article[eiccard]:first-of-type{
     height:100%;
     border: 2px solid var(--app-color-primary);

app/controllers/sims/SimsController.js

@@ -19,7 +19,7 @@ class SimsController extends WindozController {
                 static: true,
                 expanded: false,
                 withSettings: false,
-                windowStyle: WindozDomContent.boxFromPrefs('sims.createsimview', { x: 50, y: 50, w: 800, h: 600 }),
+                windowStyle: WindozDomContent.boxFromPrefs('sims.createsimview', { x: 'center', y: 'center', w: 600, h: 300 }),
             },
             {
                 models: models,

app/libs/Windoz/WindozDomContent.js

@@ -276,12 +276,19 @@ class WindozDomContent extends View {
             left = box.x ? box.x : defaults.x
             top = box.y ? box.y : defaults.y
             width = box.w ? box.w : defaults.w
-            height = box.x ? box.h : defaults.h
+            height = box.h ? box.h : defaults.h
         } else {
             left = defaults.x
             top = defaults.y
             width = defaults.w
             height = defaults.h
+            const ws = document.querySelector('[eicapp] .app-workspace')?.getBoundingClientRect()
+            const areaLeft = ws?.left ?? 0
+            const areaTop = ws?.top ?? 0
+            const areaWidth = ws?.width ?? window.innerWidth
+            const areaHeight = ws?.height ?? window.innerHeight
+            if(left === 'center') left = Math.round(areaLeft + (areaWidth - width) / 2)
+            if(top === 'center') top = Math.round(areaTop + (areaHeight - height) / 2)
         }
         return({
                     width: `${width}px`,

app/views/sims/CreateSimView.html

@@ -1,11 +1,19 @@
 <style>
-    .create-sim section {
+    .create-sim > section {
         padding: 1em;
+        display: grid;
+        grid-gap: .5em;
     }
     .create-sim bz-select[data-output="keyframesSelector"] {
         margin-top: 1em;
     }
     .create-sim .cols-2 { align-items: baseline; }
+    .create-sim button[eicbutton][rounded] {
+        background-color: #367;
+        color: #DDD !important;
+        padding: .5em 1em !important;
+        justify-self: center;
+    }
 </style>
 <article eiccard class="create-sim">
     <header>