Add flex align-center to slider-container and remove margin-top: -4px

Signed-off-by: Hung-Han (Henry) Chen <1474479+chenhunghan@users.noreply.github.com>

src/renderer/components/+workloads-deployments/deployment-scale-dialog.scss

@@ -28,9 +28,7 @@
     }
 
     .plus-minus-container {
-      margin-left: $margin * 2
-      // for vertical align with .slider-container
-      margin-top: -4px;
+      margin-left: $margin * 2;
     }
 
     .warning {

src/renderer/components/+workloads-deployments/deployment-scale-dialog.tsx

@@ -103,7 +103,7 @@ export class DeploymentScaleDialog extends Component<Props> {
           <div className="desired-scale" data-testid="desired-scale">
             <Trans>Desired number of replicas</Trans>: {desiredReplicas}
           </div>
-          <div className="slider-container">
+          <div className="slider-container flex align-center">
             <Slider value={desiredReplicas} max={scaleMax} onChange={onChange as any /** see: https://github.com/mui-org/material-ui/issues/20191 */}/>
           </div>
           <div className="plus-minus-container">