fix(wizard): align wizard grid (#5752)

* fix(wizard): align wizard grid [EE-1753]

package.json

@@ -91,7 +91,7 @@
     "jquery": "^3.5.1",
     "js-base64": "^3.6.0",
     "js-yaml": "^3.14.0",
-    "lodash-es": "^4.17.15",  
+    "lodash-es": "^4.17.15",
     "moment": "^2.21.0",
     "ng-file-upload": "~12.2.13",
     "parse-duration": "^1.0.0",
@@ -116,7 +116,7 @@
     "clean-terminal-webpack-plugin": "^1.1.0",
     "clean-webpack-plugin": "^0.1.19",
     "css-loader": "^1.0.0",
-    "cssnano": "^3.10.0",
+    "cssnano": "^4.1.10",
     "cypress": "^5.2.0",
     "cypress-wait-until": "^1.7.1",
     "eslint": "^7.24.0",
@@ -147,7 +147,8 @@
     "mini-css-extract-plugin": "^0.4.4",
     "ngtemplate-loader": "^2.0.1",
     "plop": "^2.6.0",
-    "postcss-loader": "^3.0.0",
+    "postcss": "7",
+    "postcss-loader": "4",
     "prettier": "^2.0.2",
     "speed-measure-webpack-plugin": "^1.2.3",
     "style-loader": "^0.23.1",
@@ -175,4 +176,4 @@
     "*.js": "eslint --cache --fix",
     "*.{js,css,md,html}": "prettier --write"
   }
-}
+}

postcss.config.js

@@ -3,6 +3,6 @@ module.exports = ({ env }) => ({
     // add vendor prefixes
     autoprefixer: { browsers: 'last 2 versions' },
     // minify the result
-    cssnano: env === 'production' ? {} : false,
+    cssnano: env !== 'development' ? {} : false,
   },
 });