Merge pull request #135 from glyptodon/disconnect-button

GUAC-1126: Restore disconnect button

guacamole/src/main/webapp/app/client/styles/menu.css

@@ -81,6 +81,37 @@
     
 }
 
+.menu-content .header button.close {
+
+    margin: 0 0.75em;
+    padding: 0;
+    width: 1.5em;
+    height: 1.5em;
+    min-width: 0;
+    
+    box-shadow: none;
+    -moz-border-radius: 1.5em;
+    -webkit-border-radius: 1.5em;
+    -khtml-border-radius: 1.5em;
+    border-radius: 1.5em;
+
+    -moz-background-size: 0.75em;
+    -webkit-background-size: 0.75em;
+    -khtml-background-size: 0.75em;
+    background-size: 0.75em;
+
+    background-image: url('images/x-shadow.png');
+    background-repeat: no-repeat;
+    background-position: center;
+
+    vertical-align: middle;
+    -ms-flex-align-self: center;
+    -moz-align-self: center;
+    -webkit-align-self: center;
+    align-self: center;
+    
+}
+
 .menu-body {
 
     -ms-flex: 1 1 auto;

guacamole/src/main/webapp/app/client/templates/client.html

@@ -59,6 +59,7 @@
             <!-- Stationary header -->
             <div class="header">
                 <h2>{{client.name}}</h2>
+                <button class="close danger" ng-click="disconnect()" title="{{'CLIENT.ACTION_DISCONNECT' | translate}}"></button>
                 <guac-user-menu></guac-user-menu>
             </div>