fix segment list line breaks

scalableminds · Feb 1, 2023 · b4f4a06 · b4f4a06
1 parent a6d1e58
commit b4f4a06
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/frontend/javascripts/oxalis/view/right-border-tabs/segments_tab/segment_list_item.tsx b/frontend/javascripts/oxalis/view/right-border-tabs/segments_tab/segment_list_item.tsx
@@ -40,6 +40,7 @@ function ColoredDotIconForSegment({ segmentColorHSLA }: { segmentColorHSLA: Vect
       style={{
         paddingLeft: "10px",
         backgroundColor: hslaCss,
+        marginTop: 5,
       }}
     />
   );
@@ -470,6 +471,7 @@ function _SegmentListItem({
         trigger={["contextMenu"]}
       >
         <Tooltip title={getSegmentTooltip(segment)}>
+          <div style={{display: "inline-flex"}}>
           <ColoredDotIconForSegment segmentColorHSLA={segmentColorHSLA} />
           <EditableTextLabel
             value={segment.name || `Segment ${segment.id}`}
@@ -516,6 +518,7 @@ function _SegmentListItem({
               />
             </Tooltip>
           ) : null}
+          </div>
         </Tooltip>
       </Dropdown>