From b94e16c98a41d0f90c73031fd143dc05e0316f16 Mon Sep 17 00:00:00 2001
From: sarikaya <sarikaya.nurefsan@gmail.com>
Date: Wed, 17 Jul 2024 03:33:07 +0300
Subject: [PATCH 1/2] Round by 0.25 for the enhanced robogrades

---
 .../grades-form/grades-form.tsx               | 56 ++++++++++++++++---
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx b/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
index 513ccd897ada..9be932435fc5 100644
--- a/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
+++ b/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
@@ -447,22 +447,42 @@ export function GradesForm({ task }: Props): JSX.Element | null {
                                             <Row gutter={[8, 16]}>
                                                 <Col span={6}>
                                                     <Form.Item label='Centering' name='front_centering_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Surface' name='front_surface_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Edges' name='front_edges_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Corners' name='front_corners_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                             </Row>
@@ -473,22 +493,42 @@ export function GradesForm({ task }: Props): JSX.Element | null {
                                             <Row gutter={[8, 16]}>
                                                 <Col span={6}>
                                                     <Form.Item label='Centering' name='back_centering_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Surface' name='back_surface_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Edges' name='back_edges_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Corners' name='back_corners_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                             </Row>

From 995f1250657b6d768b869e1037ce7df4cc3bd055 Mon Sep 17 00:00:00 2001
From: sarikaya <sarikaya.nurefsan@gmail.com>
Date: Wed, 17 Jul 2024 03:41:28 +0300
Subject: [PATCH 2/2] Fix enhanced robogrades styling

---
 .../src/components/annotation-page/grades-form/grades-form.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx b/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
index 9be932435fc5..d0a33571a16a 100644
--- a/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
+++ b/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
@@ -440,7 +440,7 @@ export function GradesForm({ task }: Props): JSX.Element | null {
                             {enhancedRobogradesVisibility ? (
                                 <Col span={10}>
                                     <Collapse defaultActiveKey={['1']}>
-                                        <Panel header='Enhanced Robogrades' key='1'>
+                                        <Panel header='Enhanced Robogrades' key='1' className='grades-form-robogrades'>
                                             <Typography.Text strong className='grades-form-inner-title'>
                                                 Front of Card
                                             </Typography.Text>