From 0f8b7ca662b8cec859ee44656b7477c1cc155695 Mon Sep 17 00:00:00 2001
From: Ezequiel Bergamaschi <ezequielbergamaschi@gmail.com>
Date: Thu, 11 Sep 2014 13:04:50 -0300
Subject: [PATCH] mindmapShare css improvements

---
 .../src/main/webapp/jsp/mindmapShare.jsp      | 41 +++++++++++++++----
 1 file changed, 33 insertions(+), 8 deletions(-)

diff --git a/wise-webapp/src/main/webapp/jsp/mindmapShare.jsp b/wise-webapp/src/main/webapp/jsp/mindmapShare.jsp
index 97a1904c..974bd8e9 100644
--- a/wise-webapp/src/main/webapp/jsp/mindmapShare.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapShare.jsp
@@ -3,7 +3,7 @@
 
 <style type="text/css">
     #sharingContainer {
-        height: 180px;
+        height: 220px;
         width: 100%;
         overflow-y: scroll;
         border-top: 1px solid #d3d3d3;
@@ -19,7 +19,7 @@
         display: inline-block;
     }
 
-    #addMessageLink,#roleBtn a {
+    #addMessageLink,.btn-group a {
         padding-left: 20px;
         color: #428bca;
         text-decoration: none;
@@ -34,6 +34,23 @@
         width: 100%;
     }
 
+    .closeBtn {
+        font-size: 13px;
+        font-weight: 800;
+        line-height: 1;
+        color: #000;
+        text-shadow: 0 1px 0 #fff;
+        text-decoration: none;
+    }
+
+    #collabsTable td {
+        vertical-align: middle;
+    }
+
+    .alert-small {
+        padding: 7px;
+    }
+
 </style>
 
 <p><strong><spring:message code="WHO_CAN_ACCESS"/>:</strong></p>
@@ -48,8 +65,8 @@
     </table>
 </div>
 
-<div class="well">
-    <div id="errorMsg" class="alert alert-danger"></div>
+<div class="well" style="margin-bottom: 0px">
+    <div id="errorMsg" class="alert alert-danger alert-small"></div>
     <div>
 
         <p><strong><spring:message code="ADD_PEOPLE"/>:</strong></p>
@@ -89,6 +106,13 @@ $("#addMessageLink").click(function (event) {
     event.preventDefault();
 });
 
+$("#collabEmails").keyup(function(event) {
+    var keyCode = event.keyCode;
+    if (keyCode == 13) {
+        $('#addBtn').trigger('click');
+    }
+});
+
 var messages = {
     owner:'<spring:message code="IS_OWNER"/>',
     editor:'<spring:message code="CAN_EDIT"/>',
@@ -106,10 +130,11 @@ function addCollaboration(email, role, changeType) {
     var rowStr;
     var tableElem = $("#collabsTable");
     if (role != "owner") {
+        tableElem = $("#collabsTable tbody");
         // Add row to the table ...
         var rowTemplate = '\
                    <tr data-collab="{email}" data-role="{role}">\
-                   <td>{email}{typeIcon}</td>\
+                   <td><span>{email}{typeIcon}</span></td>\
                    <td>\
                        <div class="btn-group">\
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#""></a>\
@@ -119,7 +144,7 @@ function addCollaboration(email, role, changeType) {
                            </ul>\
                        </div>\
                    </td>\
-                 <td><a href="#">x</a></td>\
+                 <td><a href="#" class="closeBtn" style="text-decoration: none; color: rgb(201, 1, 1)">x</a></td>\
                 </tr>';
 
         rowStr = rowTemplate.replace(/{email}/g, email);
@@ -146,8 +171,8 @@ function addCollaboration(email, role, changeType) {
         });
     } else {
         rowStr = '<tr data-collab=' + email + ' data-role="' + role + '">\
-                            <td>' + email + ' (<spring:message code="YOU"/>)</td>\
-                            <td><button class="btn btn-secondary" style="float: right">' + messages[role] + '</button></td>\
+                            <td><span>' + email + ' (<spring:message code="YOU"/>)</span></td>\
+                            <td><button class="btn btn-secondary" style="margin-left: 15px">' + messages[role] + '</button></td>\
                               <td></td>\
                              </tr>';
         tableElem.append(rowStr);