/* Make the visible dot emerge exactly from the bar edge while keeping the large magnetic hit area */
                                                        #ganttOut .ga-link-node[data-side="start"]::after {
                                                          left: calc(50% - 4px) !important;
                                                        }

                                                        #ganttOut .ga-link-node[data-side="finish"]::after {
                                                          left: calc(50% + 4px) !important;
                                                        }

                                                        /* keep hover/target/dragger states aligned to the shifted dot */
                                                        #ganttOut .ga-link-node[data-side="start"]:hover::after,
                                                        #ganttOut .ga-link-node[data-side="start"].is-dragging::after,
                                                        #ganttOut .ga-link-node[data-side="start"].is-target::after {
                                                          left: calc(50% - 4px) !important;
                                                        }

                                                        #ganttOut .ga-link-node[data-side="finish"]:hover::after,
                                                        #ganttOut .ga-link-node[data-side="finish"].is-dragging::after,
                                                        #ganttOut .ga-link-node[data-side="finish"].is-target::after {
                                                          left: calc(50% + 4px) !important;
                                                        }