From 0f8c27e53673200dcfe5c1ba6d443468f18040db Mon Sep 17 00:00:00 2001
From: Eugene Pankov <john.pankov@gmail.com>
Date: Mon, 10 Sep 2018 17:40:52 +0200
Subject: [PATCH] fixed #403

---
 terminus-ssh/src/components/sshModal.component.pug  | 2 +-
 terminus-ssh/src/components/sshModal.component.scss | 5 +++++
 terminus-ssh/src/components/sshModal.component.ts   | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 terminus-ssh/src/components/sshModal.component.scss

diff --git a/terminus-ssh/src/components/sshModal.component.pug b/terminus-ssh/src/components/sshModal.component.pug
index e083166b..16e616a9 100644
--- a/terminus-ssh/src/components/sshModal.component.pug
+++ b/terminus-ssh/src/components/sshModal.component.pug
@@ -13,7 +13,7 @@
             i.fa.fa-fw.fa-history
             span {{lastConnection.name}}
     
-    .list-group.mt-3
+    .list-group.mt-3.connections-list
         ng-container(*ngFor='let group of childGroups') 
             .list-group-item.list-group-item-action.d-flex.align-items-center(
                 (click)='groupCollapsed[group.name] = !groupCollapsed[group.name]'
diff --git a/terminus-ssh/src/components/sshModal.component.scss b/terminus-ssh/src/components/sshModal.component.scss
new file mode 100644
index 00000000..eae336fa
--- /dev/null
+++ b/terminus-ssh/src/components/sshModal.component.scss
@@ -0,0 +1,5 @@
+.list-group.connections-list {
+    display: block;
+    max-height: 70vh;
+    overflow-y: auto;
+}
diff --git a/terminus-ssh/src/components/sshModal.component.ts b/terminus-ssh/src/components/sshModal.component.ts
index 895402ca..657b439d 100644
--- a/terminus-ssh/src/components/sshModal.component.ts
+++ b/terminus-ssh/src/components/sshModal.component.ts
@@ -8,6 +8,7 @@ import { SSHConnection, ISSHConnectionGroup } from '../api'
 
 @Component({
     template: require('./sshModal.component.pug'),
+    styles: [require('./sshModal.component.scss')],
 })
 export class SSHModalComponent {
     connections: SSHConnection[]