2 files changed, 41 insertions, 0 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 247ea3132..912405a9f 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -228,6 +228,14 @@ a.status__content__spoiler-link {
   }
 }
 
+.status-check-box {
+  border-bottom: 1px solid lighten($color1, 8%);
+
+  .status__content {
+    background: lighten($color1, 4%);
+  }
+}
+
 .status__prepend {
   margin-left: 68px;
   color: lighten($color1, 26%);
@@ -1142,3 +1150,35 @@ button.active i.fa-retweet {
   color: $color3;
 }
 
+.report__target {
+  border-bottom: 1px solid lighten($color1, 4%);
+  color: $color2;
+  padding-bottom: 10px;
+
+  strong {
+    display: block;
+    color: $color5;
+    font-weight: 500;
+  }
+}
+
+.report__textarea {
+  background: transparent;
+  box-sizing: border-box;
+  border: 0;
+  border-bottom: 2px solid $color3;
+  border-radius: 2px 2px 0 0;
+  padding: 7px 4px;
+  font-size: 14px;
+  color: $color5;
+  display: block;
+  width: 100%;
+  outline: 0;
+  font-family: inherit;
+  resize: vertical;
+
+  &:active, &:focus {
+    border-bottom-color: $color4;
+    background: rgba($color8, 0.1);
+  }
+}
diff --git a/app/assets/stylesheets/forms.scss b/app/assets/stylesheets/forms.scss
index a97a767e0..bc99b36a6 100644
--- a/app/assets/stylesheets/forms.scss
+++ b/app/assets/stylesheets/forms.scss
@@ -93,6 +93,7 @@ code {
     width: 100%;
     outline: 0;
     font-family: inherit;
+    resize: vertical;
 
     &:invalid {
       box-shadow: none;