From 83b5fe9c5536ed11ef90bf821d38700607f39f82 Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Tue, 28 Aug 2018 02:06:00 -0500
Subject: Display report reason in multiple lines (#957)

* Display report reason in multiple lines

* more adjustments:

- move report reason into dropdown
- allow line wrap in dropdown (also in video blacklist)
- fix colspan in blacklist dropdown
- merge css rules into moderation.component.scss

* use min-width for labels
---
 .../app/+admin/moderation/moderation.component.scss  | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'client/src/app/+admin/moderation/moderation.component.scss')

diff --git a/client/src/app/+admin/moderation/moderation.component.scss b/client/src/app/+admin/moderation/moderation.component.scss
index 766d7853b..5bb2c50a7 100644
--- a/client/src/app/+admin/moderation/moderation.component.scss
+++ b/client/src/app/+admin/moderation/moderation.component.scss
@@ -1,4 +1,24 @@
+@import 'variables';
+@import 'mixins';
+
 .form-sub-title {
   flex-grow: 0;
   margin-right: 30px;
 }
+
+.moderation-expanded-label {
+  font-weight: $font-semibold;
+  min-width: 200px;
+  display: inline-block;
+}
+
+.moderation-expanded-text {
+  display: inline-block;
+}
+
+.moderation-expanded {
+    word-wrap: break-word;
+    overflow: visible !important;
+    text-overflow: unset !important;
+    white-space: unset !important;
+}
-- 
cgit v1.2.3