Adjusted style of bulk tasks

website/public/css/global-modules.styl

@@ -21,16 +21,16 @@ hrpg-button-color-mixin($hrpg-button-color)
     @media screen and (min-width:768px)
       &:hover
         background-color: darken($hrpg-button-color, 2.36%) !important
-  > a, > button, > input  
+  > a, > button, > input, textarea  
     color: darken($hrpg-button-color, 70%) !important 
     border-color: darken($hrpg-button-color, 16.18%) !important
-  > input
+  > input, textarea
     &:hover
       border-color: darken($hrpg-button-color, 32.8%) !important
     &:focus
       border-color: darken($hrpg-button-color, 61.8%) !important;
       outline: none;
-  > input + button
+  > input + button, textarea + button
     &:focus
       border-color: darken($hrpg-button-color, 32.8%) !important;
       background-color: darken($hrpg-button-color, 6.18%) !important;
@@ -111,7 +111,7 @@ $hrpg-button-with-input
     height: 2em
   textarea
     height: auto
-  input
+  input, textarea
     border: 1px solid #ccc
     border-radius: 0.382em 0em 0em 0.382em !important 
     padding-left: 0.618em

website/public/css/tasks.styl

@@ -145,13 +145,24 @@ for $stage in $stages
 // "Add new task" form
 // -----------------
 .task-add
+  position: relative
   margin-top: 1.5em
   @extend $hrpg-button-with-input
   hrpg-button-color-mixin($color-options-submenu)
   input, button
     height: 2.618em
-  input
+  input, textarea
     width: 80%
+  textarea
+    float: none
+    resize: vertical
+    border-radius: 4px 0 0 4px
+    + button
+      position: absolute
+      top: 0
+      bottom: 0
+      right: 0
+      height: 100%
   button
     width: 20%
     span