style textarea on add new case details

Author: Brymon

package-lock.json

@@ -31,6 +31,7 @@
   },
   "homepage": "https://github.com/fac-14/OSCEBossKey#readme",
   "devDependencies": {
+    "babel-plugin-styled-components": "^1.8.0",
     "codecov": "^3.1.0",
     "eslint": "^5.6.1",
     "eslint-config-prettier": "^3.1.0",
@@ -42,14 +43,14 @@
     "node-fetch": "^2.2.0",
     "nodemon": "^1.18.4",
     "react-testing-library": "^5.1.1",
+    "styled-components": "^4.0.2",
     "supertest": "^3.3.0"
   },
   "dependencies": {
     "airtable": "^0.5.7",
     "babel-core": "^6.26.3",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
-    "babel-plugin-styled-components": "^1.8.0",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
@@ -66,7 +67,6 @@
     "react-router": "^4.3.1",
     "react-router-dom": "^4.3.1",
     "sass": "^1.14.1",
-    "serve-favicon": "^2.5.0",
-    "styled-components": "^4.0.2"
+    "serve-favicon": "^2.5.0"
   }
 }

package.json

@@ -1,3 +1,15 @@
 #add-new-wrapper {
   margin-top: 44px;
 }
+
+textarea {
+  resize: none;
+  margin: 16px;
+  padding: 8px;
+  width: calc(100vw - 2 * (16px + 8px));
+  height: calc(100vh - 272px);
+  border: none;
+  font-size: 16px;
+  line-height: 1.2;
+  font-family: $text-font;
+}