From cb2252d99082044244384a15ece7f9c416afcd62 Mon Sep 17 00:00:00 2001
From: Alexandra Usacheva <lazercore@me.com>
Date: Tue, 6 Mar 2018 16:59:44 +0300
Subject: [PATCH] FE-569: webhook key length (#192)

---
 .../webhook-details/webhook-details.component.less       | 7 +++++++
 .../webhook-details/webhook-details.component.pug        | 9 ++++-----
 .../webhook-details/webhook-details.component.ts         | 1 +
 3 files changed, 12 insertions(+), 5 deletions(-)
 create mode 100644 src/app/webhooks/webhook-details/webhook-details.component.less

diff --git a/src/app/webhooks/webhook-details/webhook-details.component.less b/src/app/webhooks/webhook-details/webhook-details.component.less
new file mode 100644
index 0000000..3d284bf
--- /dev/null
+++ b/src/app/webhooks/webhook-details/webhook-details.component.less
@@ -0,0 +1,7 @@
+.key-textarea {
+    resize: none;
+}
+
+.copy-key-btn {
+    margin-top: 25px;
+}
\ No newline at end of file
diff --git a/src/app/webhooks/webhook-details/webhook-details.component.pug b/src/app/webhooks/webhook-details/webhook-details.component.pug
index 4a7b591..1b4ac90 100644
--- a/src/app/webhooks/webhook-details/webhook-details.component.pug
+++ b/src/app/webhooks/webhook-details/webhook-details.component.pug
@@ -20,11 +20,10 @@ form.form-horizontal.form-label-left.css-form
         .col-xs-12.col-sm-4
             label.text-left Публичный ключ:
         .col-xs-12.col-sm-8
-            .input-group
-                input.form-control(type="text", #webhookPublicKey, readonly, [value]="webhook.publicKey")
-                span.input-group-btn
-                    button.btn.btn-default.btn-primary((click)="copy()")
-                        | Скопировать
+            textarea.form-control.key-textarea(#webhookPublicKey, readonly, [value]="webhook.publicKey", rows=10)
+        .col-xs-12.col-sm-4.col-sm-offset-8.text-right
+            button.btn.btn-default.btn-primary.copy-key-btn((click)="copy()")
+                | Скопировать ключ
     .ln_solid
     .form-group
         .col-xs-12
diff --git a/src/app/webhooks/webhook-details/webhook-details.component.ts b/src/app/webhooks/webhook-details/webhook-details.component.ts
index c7c35e9..66196e3 100644
--- a/src/app/webhooks/webhook-details/webhook-details.component.ts
+++ b/src/app/webhooks/webhook-details/webhook-details.component.ts
@@ -6,6 +6,7 @@ import { WebhooksService } from 'koffing/backend/webhooks.service';
 @Component({
     selector: 'kof-webhook-details',
     templateUrl: './webhook-details.component.pug',
+    styleUrls: ['./webhook-details.component.less']
 })
 export class WebhooksListDetailsComponent {