Minor fix in layout when running automatic annotations (#8072)

cvat-ai · Jun 24, 2024 · 2029486 · 2029486
1 parent a53e2bf
commit 2029486
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/changelog.d/20240624_145717_boris.md b/changelog.d/20240624_145717_boris.md
@@ -0,0 +1,4 @@
+### Fixed
+
+- Slightly broken layout when running attributed face detection model
+  (<https://github.com/cvat-ai/cvat/pull/8072>)
diff --git a/cvat-ui/src/components/model-runner-modal/object-mapper.tsx b/cvat-ui/src/components/model-runner-modal/object-mapper.tsx
@@ -78,13 +78,13 @@ function ObjectMapperComponent(props: Props): JSX.Element {
                 return (
                     <React.Fragment key={`${leftName}:${rightName}`}>
                         <Row className={rowClassName} key={`${leftName}:${rightName}`}>
-                            <Col span={10}>
+                            <Col span={9}>
                                 <Tag style={{ color: textColor }} color={color} key={leftName}>{leftName}</Tag>
                             </Col>
-                            <Col span={10} offset={1}>
+                            <Col span={9} offset={1}>
                                 <Tag style={{ color: textColor }} color={color} key={rightName}>{rightName}</Tag>
                             </Col>
-                            <Col span={1} offset={1}>
+                            <Col span={2} offset={1}>
                                 <CVATTooltip title={deleteMappingLabel}>
                                     <DeleteOutlined
                                         className='cvat-danger-circle-icon'
@@ -103,7 +103,7 @@ function ObjectMapperComponent(props: Props): JSX.Element {
 
             { (leftValue === null || rightValue === null) && !!notMappedLeft.length && (
                 <Row className={rowClassName}>
-                    <Col span={10}>
+                    <Col span={9}>
                         <Select
                             virtual
                             showSearch
@@ -124,7 +124,7 @@ function ObjectMapperComponent(props: Props): JSX.Element {
                             ))}
                         </Select>
                     </Col>
-                    <Col span={10} offset={1}>
+                    <Col span={9} offset={1}>
                         <Select
                             virtual
                             showSearch
@@ -145,7 +145,7 @@ function ObjectMapperComponent(props: Props): JSX.Element {
                             ))}
                         </Select>
                     </Col>
-                    <Col span={1} offset={1}>
+                    <Col span={2} offset={1}>
                         { (leftValue === null && rightValue === null) ? (
                             <Col span={1} offset={1}>
                                 <CVATTooltip title={infoMappingLabel}>

diff --git a/cvat-ui/src/components/model-runner-modal/styles.scss b/cvat-ui/src/components/model-runner-modal/styles.scss
@@ -19,14 +19,13 @@
 
     &:has(.cvat-runner-label-mapper) {
         max-height: $grid-unit-size * 64;
-        overflow-y: auto;
+        overflow: hidden auto;
     }
 
     > .cvat-runner-label-mapper {
         margin-top: $grid-unit-size * 2;
         margin-bottom: $grid-unit-size * 2;
-        padding-left: $grid-unit-size * 4;
-        padding-right: $grid-unit-size * 4;
+        margin-left: $grid-unit-size * 2;
     }
 
     .cvat-runner-attribute-mapper {
@@ -42,8 +41,7 @@
         width: 100%;
         margin-top: $grid-unit-size * 2;
         margin-bottom: $grid-unit-size * 2;
-        padding-left: $grid-unit-size * 4;
-        padding-right: $grid-unit-size * 4;
+        margin-left: $grid-unit-size * 2;
     }
 }