Reverted layout modifications

public/res/helpers/teamserverHelper.js

@@ -1,4 +1,3 @@
-/*global gapi, google */
 define([
 	"underscore",
 	"jquery",
@@ -33,7 +32,7 @@ define([
 				return task.chain();
 			}
 			$.ajax({
-				url: settings.teamserverURL + '/ping',
+				url: constants.TEAM_SERVER_URL + 'ping',
 				timeout: constants.AJAX_TIMEOUT
 			}).fail(function(jqXHR) {
 				var error = {

public/res/html/bodyIndex.html

@@ -117,6 +117,10 @@
 							class="icon-provider-gdrive"></i> Open from Google Drive<br><small>(3rd account)</small></a></li>
 						<li><a href="#" class="submenu-sync-gdriveter action-sync-export-dialog-gdriveter"><i
 							class="icon-provider-gdrive"></i> Save on Google Drive<br><small>(3rd account)</small></a></li>
+                        <li><a href="#" class="submenu-sync-teamserver action-sync-import-teamserver"><i
+                                class="icon-provider-stackedit"></i> Open from Team Server</a></li>
+                        <li><a href="#" class="submenu-sync-teamserver action-sync-export-teamserver"><i
+                                class="icon-provider-stackedit"></i> Save on Team Server</a></li>
 					</ul>
 				</div>
 				<a href="#" data-toggle="collapse" data-target=".collapse-publish-on"

public/res/layout.js

@@ -518,6 +518,9 @@ define([
 
 		previewButtons.initHammer(true);
 		previewButtons.adjustPosition = function() {
+			if(!previewButtons.isDragged) {
+				return;
+			}
 			var minX = -windowSize.width + previewButtons.elt.offsetWidth;
 			var minY = -windowSize.height + previewButtons.elt.offsetHeight;
 			this.x < minX && (this.x = minX);
@@ -530,6 +533,8 @@ define([
 
 		var buttonsInitialCoord;
 		previewButtons.hammer.on('dragstart', function() {
+			previewButtons.isDragged = true;
+			previewButtons.$elt.removeClass('animate');
 			wrapperL2.$elt.addClass('dragging');
 			buttonsInitialCoord = {
 				x: previewButtons.x,
@@ -602,6 +607,36 @@ define([
 		previewButtons.y = previewButtonsOffset.y;
 		previewButtons.applyCss();
 
+		function openPreviewButtons() {
+			clearTimeout(closeTimeoutId);
+			if(!previewButtons.isDragged) {
+				previewButtons.x = previewButtonsOffset.x;
+				previewButtons.applyCss();
+			}
+		}
+
+		var closeTimeoutId;
+		var dropdownOpen = false;
+
+		function closePreviewButtons() {
+			clearTimeout(closeTimeoutId);
+			closeTimeoutId = setTimeout(function() {
+				if(!previewButtons.isDragged && !dropdownOpen) {
+					previewButtons.$elt.addClass('animate');
+					previewButtons.x = previewButtonsOffset.x + previewButtons.elt.offsetWidth;
+					previewButtons.applyCss();
+				}
+			}, 3000);
+		}
+
+		closePreviewButtons();
+		previewButtons.$elt.hover(openPreviewButtons, closePreviewButtons).on('show.bs.dropdown', function() {
+			dropdownOpen = true;
+		}).on('hidden.bs.dropdown', function() {
+			dropdownOpen = false;
+			closePreviewButtons();
+		});
+
 		_.each(previewButtons.elt.querySelectorAll('.btn-group'), function(btnGroupElt) {
 			var $btnGroupElt = $(btnGroupElt);
 			$btnGroupElt.on('shown.bs.dropdown', function() {

public/res/settings.js

@@ -56,7 +56,6 @@ define([
 			'</html>'
 		].join(""),
 		pdfPageSize: 'A4',
-		teamserverURL: constants.TEAM_SERVER_URL,
 		sshProxy: constants.SSH_PROXY_URL,
 		extensionSettings: {}
 	};

public/res/styles/main.less

@@ -244,6 +244,8 @@ a {
 
 .list-group-item {
 	padding: 10px 15px;
+	border-left-width: 0;
+	border-right-width: 0;
 	margin-bottom: 0;
 	.list-group & {
 		border-radius: 0;
@@ -251,9 +253,24 @@ a {
 	a&:hover,
 	a&:focus {
     	color: darken(@secondary, 30%);
-	    border-top-color: @list-group-hover-border-color;
+	    border-color: @list-group-hover-border-color;
-	    border-bottom-color: @list-group-hover-border-color;
     }
+	.checkbox {
+		float: right;
+		margin: 0;
+		padding: 0;
+		cursor: pointer;
+		input {
+			cursor: pointer;
+			margin: 0 16px;
+			height: @input-height-slim;
+		}
+	}
+}
+
+.form-group {
+	margin-bottom: 1px;
+	padding: 5px;
 }
 
 .text-danger:hover {
@@ -765,17 +782,6 @@ a {
 		font-size: 15px;
 		border-top-color: @modal-content-separator-color;
 	}
-	.checkbox {
-		float: right;
-		margin: 0;
-		padding: 0;
-		cursor: pointer;
-		input {
-			cursor: pointer;
-			margin: 0 16px;
-			height: @input-height-slim;
-		}
-	}
 	.input-rename {
 		width: 220px;
 		height: @input-height-slim;