Minor fixes

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/object-item.tsx

@@ -368,9 +368,11 @@ function ItemButtonsComponent(props: ItemButtonsComponentProps): JSX.Element {
                         {
                             shapeType !== ShapeType.POINTS && (
                                 <Col>
-                                    { pinned
-                                        ? <Icon type='pushpin' theme='filled' onClick={unpin} />
-                                        : <Icon type='pushpin' onClick={pin} />}
+                                    <Tooltip title='Switch pinned property'>
+                                        { pinned
+                                            ? <Icon type='pushpin' theme='filled' onClick={unpin} />
+                                            : <Icon type='pushpin' onClick={pin} />}
+                                    </Tooltip>
                                 </Col>
                             )
                         }
@@ -426,9 +428,11 @@ function ItemButtonsComponent(props: ItemButtonsComponentProps): JSX.Element {
                     {
                         shapeType !== ShapeType.POINTS && (
                             <Col>
-                                { pinned
-                                    ? <Icon type='pushpin' theme='filled' onClick={unpin} />
-                                    : <Icon type='pushpin' onClick={pin} />}
+                                <Tooltip title='Switch pinned property'>
+                                    { pinned
+                                        ? <Icon type='pushpin' theme='filled' onClick={unpin} />
+                                        : <Icon type='pushpin' onClick={pin} />}
+                                </Tooltip>
                             </Col>
                         )
                     }

cvat-ui/src/components/annotation-page/standard-workspace/styles.scss

@@ -102,13 +102,19 @@
     > div:nth-child(3) > div > div {
         width: 100%;
     }
-    div:last-child > div > button {
-        width: 100%;
-        &:nth-child(1) {
-            border-radius: 3px 0px 0px 3px;
+    > div:last-child {
+        span {
+            width: 100%;
         }
-        &:nth-child(2) {
-            border-radius: 0px 3px 3px 0px;
+
+        button {
+            width: 100%;
+            &:nth-child(1) {
+                border-radius: 3px 0px 0px 3px;
+            }
+            &:nth-child(2) {
+                border-radius: 0px 3px 3px 0px;
+            }
         }
     }
 }