UI improvements and dependency upgrades

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.0.18 (May 14, 2021)
+
+- Minor UI improvements
+- Upgrade dependencies (Babel, ESlint, Prettier and React Select)
+
 ## 0.0.17 (April 28, 2021)
 
 - Upgrade Babel and ESlint

package.json

@@ -39,7 +39,7 @@
     "immutability-helper": "^3.1.1",
     "react-dnd": "^14.0.2",
     "react-dnd-html5-backend": "^14.0.0",
-    "react-select": "^4.3.0",
+    "react-select": "^4.3.1",
     "react-tippy": "^1.4.0"
   },
   "peerDependencies": {
@@ -51,19 +51,19 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.13.16",
-    "@babel/core": "^7.13.16",
+    "@babel/core": "^7.14.2",
     "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/plugin-transform-runtime": "^7.13.15",
-    "@babel/preset-env": "^7.13.15",
+    "@babel/plugin-transform-runtime": "^7.14.2",
+    "@babel/preset-env": "^7.14.2",
     "@babel/preset-react": "^7.13.13",
     "babel-eslint": "^10.1.0",
-    "eslint": "^7.25.0",
+    "eslint": "^7.26.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-sanity": "^5.1.0",
-    "eslint-plugin-import": "^2.9.0",
+    "eslint-plugin-import": "^2.23.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.23.2",
-    "prettier": "^2.2.1",
+    "prettier": "^2.3.0",
     "react-hot-loader": "4.13.0"
   }
 }

src/index.css

@@ -63,9 +63,11 @@ button:hover {
 .outerWrapper {
   max-width: 60rem;
   width: 100%;
-  margin: 0 auto;
+  margin: 1rem auto;
   background: white;
-  border: 1rem solid var(--background-color);
+  border: 1px solid var(--background-color);
+  box-shadow: 8px 8px 2px var(--background-color);
+  border-radius: 4px;
 }
 
 .innerWrapper {