Time Strip fixes for overflow and Inspector layout

src/plugins/timeline/TimelineElementsContent.vue

@@ -3,18 +3,17 @@
     <input
       :value="size"
       aria-labelledby="pixelSize"
-      class="field control"
+      class="field control c-input--sm"
       :pattern="/\d+/"
       type="number"
       name="value"
       min="0"
       @change="changeSize"
     />
-    <span>px</span>
   </template>
   <select v-model="fixed" aria-label="fixedOrFlex" @change="toggleFixed">
     <option :value="false">flex</option>
-    <option :value="true">fixed</option>
+    <option :value="true">px</option>
   </select>
 </template>
 <script>

src/plugins/timeline/TimelineElementsPool.vue

@@ -4,20 +4,23 @@
       <TimelineElementsContent :index="index" :container="containers[index]" />
     </template>
     <template #custom>
-      <div class="c-inspector__properties c-inspect-properties" aria-label="Swim Lane Label Width">
-        <div class="c-inspect-properties__header">Swim Lane Label Width</div>
+      <div class="c-inspector__properties c-inspect-properties" aria-label="Swimlane Column">
+        <div class="c-inspect-properties__header">Swimlane Column</div>
         <div v-if="isEditing" class="c-inspect-properties__row">
-          <input
-            :value="swimLaneLabelWidth"
-            aria-labelledby="Width in pixels"
-            class="field control"
-            :pattern="/\d+/"
-            type="number"
-            name="value"
-            min="0"
-            @change="changeSwimLaneLabelWidth"
-          />
-          <span>px</span>
+          <span class="c-inspect-properties__label">Width</span>
+          <div class="c-inspect-properties__label align-right">
+            <input
+              :value="swimLaneLabelWidth"
+              aria-labelledby="Width in pixels"
+              class="field control c-input--sm"
+              :pattern="/\d+/"
+              type="number"
+              name="value"
+              min="0"
+              @change="changeSwimLaneLabelWidth"
+            />
+            <span>px</span>
+          </div>
         </div>
         <div v-else class="c-inspect-properties__row">{{ swimLaneLabelWidth }}px</div>
       </div>

src/plugins/timeline/timeline.scss

@@ -52,6 +52,7 @@
   }
 
   &__content {
+    overflow: auto;
     &.--scales {
       flex-grow: 1;
       flex-shrink: 1;

src/ui/components/swim-lane/swimlane.scss

@@ -31,9 +31,14 @@
   grid-template-columns: 100px 100px 1fr;
   grid-column-gap: 1px;
   grid-row-gap: 1px; // Used for grid within a swimlane for Plan views
-  min-height: $btnStdH;
+  min-height: max-content; // Plan and Gantt views: must use max-content to prevent swimlane from collapsing
   width: 100%;
 
+  .is-object-type-time-strip & {
+    min-height: $btnStdH;
+
+  }
+
   &__time-axis {
     flex: 0 0 auto;
     height: 32px;