Add dynamic spacer

mosogepsch/src/jsMain/kotlin/components/Content.kt

@@ -5,10 +5,12 @@ import api.Api
 import api.Machine
 import app.softwork.bootstrapcompose.Container
 import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.Div
 
 @Composable
 fun content() {
     val data by remember { mutableStateOf(Api.getOnce()) }
+    var machine by remember { mutableStateOf<Machine?>(null) }
 
     Container(attrs = {
         style {
@@ -17,15 +19,25 @@ fun content() {
             flexWrap(FlexWrap.Wrap)
             justifyContent(JustifyContent.Center)
             paddingTop(1.em)
-            paddingBottom(12.em)
         }
     }) {
-        var machine by remember { mutableStateOf<Machine?>(null) }
-
         data.floors.forEach {
             floor(it, machine) { m ->
                 machine = m
             }
         }
     }
+
+    Div(attrs = {
+        style {
+            width(0.px)
+            if (machine != null) {
+                height(17.em)
+            } else {
+                height(0.em)
+            }
+            property("transition", "height 0.75s")
+        }
+    }) {}
+
 }
\ No newline at end of file