From f2d0124651bc4e4384dd7f1e3c0da8b52e700af8 Mon Sep 17 00:00:00 2001
From: Martin Mrose <github@penthranet.de>
Date: Tue, 24 Mar 2015 21:27:46 +0100
Subject: [PATCH 1/2] Increased height of chat

---
 app/css/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/css/app.css b/app/css/app.css
index 459fa86..b2c0bdf 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -67,7 +67,7 @@ ul.chat {
     list-style: none;
     display: block;
     position: relative;
-    height: 200px;
+    height: 600px;
     overflow: auto;
     /*padding: 10px 15px;*/
     /*border: 1px solid #ddd;*/

From 10f1d020ba0b1f5c0d959847b80b753b6c10fba1 Mon Sep 17 00:00:00 2001
From: Martin Mrose <github@penthranet.de>
Date: Wed, 25 Mar 2015 00:01:51 +0100
Subject: [PATCH 2/2] Added handling for enlarged chat

---
 app/js/controllers/hubs.js |  9 +++++++++
 app/partials/hubs.html     | 26 +++++++++++++++++++++-----
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/app/js/controllers/hubs.js b/app/js/controllers/hubs.js
index a920f91..80d703c 100644
--- a/app/js/controllers/hubs.js
+++ b/app/js/controllers/hubs.js
@@ -17,6 +17,15 @@ EiskaltApp.controller('HubsCtrl', function ($scope, EiskaltRPC) {
     $scope.disconnect = function (huburl) {
         EiskaltRPC.HubDel(huburl).success(loadHubs);
     };
+
+    $scope.enlargedChat = false;
+    $scope.enlargeChat = function () {
+        $scope.enlargedChat = true;
+    };
+
+    $scope.enlargeUsers = function () {
+        $scope.enlargedChat = false;
+    };
 });
 
 EiskaltApp.controller('HubCtrl', function ($scope, $interval, $localStorage, settings, EiskaltRPC) {
diff --git a/app/partials/hubs.html b/app/partials/hubs.html
index 346271e..2c2dcc0 100644
--- a/app/partials/hubs.html
+++ b/app/partials/hubs.html
@@ -12,10 +12,14 @@
         </alert>
         <div class="row" ng-show="hub.connected">
             <!-- User List -->
-            <ul class="user-list list-group col-sm-3 col-sm-push-9">
+            <ul class="user-list list-group"
+                ng-class="enlargedChat ? 'col-sm-1 col-sm-push-11' : 'col-sm-3 col-sm-push-9'">
+                <li class="list-group-item pull-right">
+                </li>
                 <li ng-repeat="user in users | orderBy:'NickOrder' " class="list-group-item" ng-controller="UserCtrl"
                     popover="{{ user.IP }} - {{ user.Connection }} - {{ user.Tag }}"
-                    popover-trigger="mouseenter" popover-placement="left">
+                    popover-trigger="mouseenter" popover-placement="left"
+                    ng-hide="enlargedChat">
                     <button class="btn btn-primary btn-xs pull-right" type="button"
                             title="Download {{ user.Nick }}'s filelist"
                             ng-click="downloadFilelist(user.Nick)"
@@ -24,17 +28,29 @@
                         {{ downloading && 'Downloading' || 'Browse' }}
                     </button>
                     <span class="badge">{{ user.Shared | numeraljs:'0.0 b' }}</span>
-	            <span class="nick" style="color: {{ user.Nick | stringToColor }}">{{ user.Nick }}</span>
+                <span class="nick" style="color: {{ user.Nick | stringToColor }}">{{ user.Nick }}</span>
                 </li>
-                <li class="list-group-item pull-right">
+                <li class="list-group-item" ng-hide="enlargedChat">
                     <button class="btn btn-danger btn-xs" type="button" title="Disconnect from this hub"
                             ng-click="disconnect(hub.huburl)">
                         <span class="glyphicon glyphicon-log-out"></span>
                         Disconnect
                     </button>
+                    <button class="btn btn-default btn-xs pull-right" type="button" title="Enlarge chat"
+                            ng-click="enlargeChat()">
+                        Enlarge chat
+                        <span class="glyphicon glyphicon-triangle-right"></span>
+                    </button>
+                </li>
+                <li class="list-group-item" ng-show="enlargedChat">
+                    <button class="btn btn-default btn-xs pull-right" type="button" title="Enlarge users"
+                            ng-click="enlargeUsers()">
+                        <span class="glyphicon glyphicon-triangle-left"></span>
+                    </button>
+                    &nbsp;
                 </li>
             </ul>
-            <div class="col-sm-9 col-sm-pull-3">
+            <div ng-class="enlargedChat ? 'col-sm-11 col-sm-pull-1' : 'col-sm-9 col-sm-pull-3'">
                 <!-- Chat Log -->
                 <div class="row">
                     <ul class="chat col-sm-12" scroll-glue>