Fix computation of left margin and width of plan when in the timestrip

src/plugins/plan/components/ActivityTimeline.vue

@@ -92,6 +92,8 @@
 </template>
 
 <script>
+const AXES_PADDING = 20;
+
 import { inject } from 'vue';
 
 import SwimLane from '@/ui/components/swim-lane/SwimLane.vue';
@@ -159,10 +161,19 @@ export default {
   },
   computed: {
     alignmentStyle() {
-      return { marginLeft: `${this.alignmentData.leftWidth + 20}px` };
+      const leftOffset = this.alignmentData.multiple ? 2 * AXES_PADDING : AXES_PADDING;
+      return {
+        marginLeft: `${this.alignmentData.leftWidth + leftOffset}px`
+      };
     },
     svgWidth() {
-      return this.width - this.alignmentData.leftWidth - 20;
+      // Reduce the width by left axis width, then take off the right yaxis width as well
+      const leftOffset = this.alignmentData.multiple ? 2 * AXES_PADDING : AXES_PADDING;
+      const rightOffset = this.alignmentData.rightWidth ? AXES_PADDING : 0;
+      return (
+        this.width -
+        (this.alignmentData.leftWidth + leftOffset + this.alignmentData.rightWidth + rightOffset)
+      );
     }
   },
   methods: {