styling for comments form

opentech/static_src/src/sass/apply/components/_comment.scss

+.comment {
+    padding-bottom: 20px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid $color--light-mid-grey;
+
+    @include media-query(tablet-portrait) {
+        max-width: 60%;
+    }
+
+    &:first-of-type {
+        margin-top: 20px;
+    }
+
+    &:last-of-type {
+        padding-bottom: 0;
+        margin-bottom: 0;
+        border-bottom: 0;
+    }
+
+    &__time,
+    &__user,
+    &__copy {
+        margin: 0;
+    }
+
+    &__time {
+        font-size: map-get($font-sizes, milli);
+    }
+
+    &__user {
+        font-weight: $weight--semibold;
+    }
+}

opentech/static_src/src/sass/apply/components/_form.scss

@@ -44,5 +44,22 @@
             margin-top: 15px;
         }
     }
+
+    textarea,
+    &__textarea {
+        width: 100%;
+        padding: 10px;
+        border: 1px solid lightgrey;
+
+        &--comments {
+            display: block;
+            height: 100px;
+            margin-bottom: 20px;
+
+            @include media-query(tablet-portrait) {
+                max-width: 60%;
+            };
+        }
+    }
 }
 

opentech/static_src/src/sass/apply/components/_wrapper.scss

@@ -246,4 +246,12 @@
             margin-top: 50px;
         }
     }
+
+    &--comments {
+        padding: 20px;
+
+        @include media-query(tablet-portrait) {
+            padding: 30px;
+        }
+    }
 }

opentech/static_src/src/sass/apply/main.scss

@@ -12,6 +12,7 @@
 
 // Components
 @import 'components/activity-feed';
+@import 'components/comment';
 @import 'components/button';
 @import 'components/feed';
 @import 'components/grid';