improve colors and offsets of comment form

web/app/components/comment/__action/comment__action.scss

@@ -2,10 +2,10 @@
   font-size: 14px;
   cursor: pointer;
   user-select: none;
-  color: #8CD4D4;
+  color: #259C9A;
 
   &:hover {
-    color: #0aa;
+    color: #31c7c5;
   }
 
   &:focus {

web/app/components/comment/_replying/comment_replying.scss

@@ -1,5 +1,5 @@
 .comment_replying {
-  border: 3px solid #eee;
+  border: 8px solid #eee;
   padding-bottom: 0;
 
   @media (min-width: 768px) {
@@ -19,9 +19,10 @@
     border-left-width: 0;
     border-right-width: 0;
     border-bottom-width: 0;
+    border-top-width: 8px;
 
     @media (min-width: 768px) {
-      border: 3px solid #eee;
+      border: 12px solid #eee;
     }
   }
 

web/app/components/input/__button/_type/_send/input__button_type_send.scss

@@ -1,8 +1,8 @@
 .input__button_type_send {
-  background: #0aa;
+  background: #259C9A;
   color: #fff;
 
   &:hover, &:focus {
-    background: #06c5c5;
+    background: #0aa;
   }
 }

web/app/components/input/__buttons/input__buttons.scss

@@ -1,3 +1,3 @@
 .input__buttons {
-  margin-top: 4px;
+  margin-top: 8px;
 }

web/app/components/input/__field/input__field.scss

@@ -2,7 +2,8 @@
   $lineHeight: 1.4;
   $fontSize: 16px;
   $paddingVrt: 10px;
-  $height: $fontSize * $lineHeight + $paddingVrt * 2;
+  $lines: 3;
+  $height: $fontSize * $lineHeight * $lines + $paddingVrt * 2;
 
   box-sizing: border-box;
   width: 100%;
@@ -12,11 +13,12 @@
   font-family: 'PT Sans', Helvetica, Arial, sans-serif;
   font-size: $fontSize;
   line-height: $lineHeight;
+  background: #fff;
   border: 0;
   resize: none;
 
   &:focus {
-    box-shadow: inset 0 0 0 2px #0aa;
+    box-shadow: inset 0 0 0 2px #259C9A;
     outline: none;
   }
 

web/app/components/input/input.scss

@@ -2,7 +2,7 @@
   position: relative;
   display: block;
   font-size: 0;
-  border: 3px solid #eee;
+  border: 12px solid #eee;
   border-radius: 2px;
   background: #eee;
 }