change(ui) - textarea styles

frontend/app/components/Session_/BugReport/components/Comments.tsx

@@ -36,7 +36,7 @@ function Comments() {
           placeholder="Comment..."
           rows={3}
           autoFocus
-          className="rounded fluid border -mx-2 px-2 py-1 w-full -mt-2"
+          className="text-area fluid border -mx-2 px-2 py-1 w-full -mt-2"
           value={bugReportStore.comment}
           onChange={(e) => bugReportStore.setComment(e.target.value)}
           onBlur={() => bugReportStore.toggleCommentEditing(false)}

frontend/app/components/Session_/Issues/IssueForm.js

@@ -145,6 +145,7 @@ class IssueForm extends React.PureComponent {
               value={instance.description}
               placeholder="E.g. Found this issue at 3:29secs"
               onChange={this.write}
+              className="text-area"
             />
           </Form.Field>
 

frontend/app/components/Session_/Player/Controls/components/CreateNote.tsx

@@ -211,12 +211,7 @@ function CreateNote({
           value={text}
           autoFocus
           onChange={(e) => setText(e.target.value)}
-          style={{
-            border: 'solid thin #ddd',
-            borderRadius: 3,
-            resize: 'none',
-            background: '#ffff',
-          }}
+          className="text-area"
         />
       </div>
 

frontend/app/styles/general.css

@@ -375,4 +375,11 @@ p {
   & svg {
     fill: $teal !important;
   }
+}
+
+.text-area {
+  border: solid thin #ddd;
+  border-radius: 3px;
+  resize: none;
+  background-color: #ffff;
 }