From 7fb8154c6ee4c20caa72e3f8d9b3e01d9cb22752 Mon Sep 17 00:00:00 2001
From: James Allen <james@sharelatex.com>
Date: Thu, 10 Jul 2014 13:41:54 +0100
Subject: [PATCH] Improve loading screen

---
 .../coffee/ide/connection/ConnectionManager.coffee   |  2 +-
 services/web/public/stylesheets/app/editor.less      | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/services/web/public/coffee/ide/connection/ConnectionManager.coffee b/services/web/public/coffee/ide/connection/ConnectionManager.coffee
index a6031bb29d..2cd5d57d6d 100644
--- a/services/web/public/coffee/ide/connection/ConnectionManager.coffee
+++ b/services/web/public/coffee/ide/connection/ConnectionManager.coffee
@@ -25,7 +25,7 @@ define [], () ->
 				@$scope.$apply () =>
 					@$scope.connection.reconnecting = false
 					if @$scope.state.loading
-						@$scope.state.load_progress = 80
+						@$scope.state.load_progress = 70
 
 				setTimeout(() =>
 					@joinProject()
diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less
index ae195f6351..e212e463c6 100644
--- a/services/web/public/stylesheets/app/editor.less
+++ b/services/web/public/stylesheets/app/editor.less
@@ -45,6 +45,18 @@
 	.full-size;
 }
 
+.loading-screen {
+	.full-size;
+	.container {
+		text-align: center;
+		position: absolute;
+		top: 30%;
+		left: 50%;
+		width: 400px;
+		margin-left: -200px;
+	}
+}
+
 .loading-panel {
 	.full-size;
 	padding-top: 10rem;