Updated styles

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/issues-list.tsx

@@ -74,7 +74,7 @@ export default function LabelsListComponent(): JSX.Element {
             <div className='cvat-objects-sidebar-issues-list-header'>
                 <Row justify='start' align='middle'>
                     <Col>
-                        <Text strong>{`Items: ${frameIssues.length}`}</Text>
+                        <Text type='secondary'>{`Items: ${frameIssues.length}`}</Text>
                     </Col>
                     <Col offset={1}>
                         <CVATTooltip title='Find the previous frame with issues'>

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/labels-list.tsx

@@ -101,7 +101,7 @@ function LabelsListComponent(): JSX.Element {
         <div className='cvat-objects-sidebar-labels-list'>
             <GlobalHotKeys keyMap={subKeyMap} handlers={handlers} />
             <div className='cvat-objects-sidebar-labels-list-header'>
-                <Text strong>{`Items: ${labels.length}`}</Text>
+                <Text type='secondary'>{`Items: ${labels.length}`}</Text>
             </div>
             {labelIDs.map(
                 (labelID: number): JSX.Element => (

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/objects-list-header.tsx

@@ -114,7 +114,7 @@ function ObjectListHeader(props: Props): JSX.Element {
         <div className='cvat-objects-sidebar-states-header'>
             <Row justify='space-between' align='middle'>
                 <Col span={24}>
-                    <Text strong>{`Items: ${count}`}</Text>
+                    <Text type='secondary'>{`Items: ${count}`}</Text>
                     <StatesOrderingSelector
                         statesOrdering={statesOrdering}
                         changeStatesOrdering={changeStatesOrdering}

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/states-ordering-selector.tsx

@@ -20,7 +20,7 @@ function StatesOrderingSelectorComponent(props: StatesOrderingSelectorComponentP
 
     return (
         <Col>
-            <Text strong>Sort by</Text>
+            <Text type='secondary'>Sort by</Text>
             <Select
                 size='small'
                 className='cvat-objects-sidebar-ordering-selector'

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

@@ -167,7 +167,7 @@
 
 .cvat-objects-sidebar-states-header {
     background: $background-color-2;
-    padding: $grid-unit-size;
+    padding: $grid-unit-size $grid-unit-size * 2 $grid-unit-size $grid-unit-size * 2;
     line-height: $grid-unit-size * 3;
     border-bottom: 1px solid $border-color-1;