Minor styling changes

src/webview/src/App.vue

@@ -73,10 +73,10 @@ export default {
 <style lang="scss">
 body.vscode-light {
   * {
-    border-color: #333 !important;
+    border-color: #B3B7BE !important;
 
     &::before {
-      border-color: #333 !important;
+      border-color: #B3B7BE !important;
     }
   }
 
@@ -111,9 +111,13 @@ code {
   background: #7cba8d;
 }
 
-#app .loading {
-  text-align: center;
-  font-size: 14px;
-  line-height: 30px;
+#app {
+  margin-bottom: 600px; // to give editor scroll past end effect
+
+  .loading {
+    text-align: center;
+    font-size: 14px;
+    line-height: 30px;
+  }
 }
 </style>

src/webview/src/components/CommentForm.vue

@@ -27,11 +27,37 @@ export default {
 
   textarea {
     width: 100%;
-    height: 140px;
+    min-height: 140px;
     border-radius: 4px;
     padding: 16px;
     font-size: 13px;
     box-sizing: border-box;
+    border: 1px solid #919191;
+    resize: vertical;
+    margin-bottom: 8px;
+
+    &:focus {
+      outline: 0;
+      border-color: #80bdff;
+      box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
+    }
+  }
+
+  button {
+    background-color: #1aaa55;
+    border-color: #168f48;
+    color: #fff;
+    border-radius: 3px;
+    padding: 6px 10px;
+    font-size: 14px;
+    outline: 0;
+    margin-right: 10px;
+    cursor: pointer;
+
+    &:disabled {
+      opacity: .6;
+      cursor: default;
+    }
   }
 }
 </style>