Updated the Log in Page

customize.dist/pages.js

@@ -496,8 +496,8 @@ define([
                             placeholder: Msg.login_password,
                         }),
                         h('div.extra', [
-                            h('button.btn.btn-primary.login.first', Msg.login_login),
-                            h('button#register.btn.btn-success.register', Msg.login_register)
+                            h('button.login.first.btn', Msg.login_login),
+                            h('button#register.btn.register.cp-login-register', Msg.login_register)
                         ])
                     ])
                 ]),

customize.dist/src/less2/pages/page-login.less

@@ -17,3 +17,62 @@
         }
     }
 }
+.cp-container {
+	#data {
+        background: #4591C4; 
+        padding-top: 3em;
+        padding-bottom: 7em;
+        padding-left: 30px;
+        padding-right: 30px;
+        p {
+            color: #fff;
+        }
+        h2 {
+            font-weight: 700;
+            color: @cryptpad_header_col;
+        }
+    }
+	#userForm {
+        padding-top: 3em;
+        padding-bottom: 2em;
+        .form-control {
+            border-radius: 0;
+            color: @cryptpad_text_col;
+            margin-top: 1em;
+            &:focus {
+                border-color: @cryptpad_color_blue;
+            }
+        }
+        .checkbox-container {
+            color: @cryptpad_text_col;
+        }
+    }
+    .align-items-center {
+    	box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
+    	background: #fff;
+    }
+    .extra {
+    	margin-top: 1em;
+    	.cp-login-register {
+    		color: @cryptpad_color_blue;
+	        background: #fff;
+	        border: 2px solid @cryptpad_color_blue;
+	        border-radius: 0;
+	        &:hover {
+	            transform: scale(1.05);
+	        }
+    	}
+    	.login {
+    		background: transparent;
+    		color: @cryptpad_color_blue;
+    		padding: 0;
+    		&:hover {
+	            transform: scale(1.05);
+	        } 
+    	}
+    }
+}
+.cp-container {
+	padding-top: 0;
+	min-height: 66vh;
+}

customize.dist/translations/messages.js

@@ -510,7 +510,7 @@ define(function () {
     // contact.html
     out.main_about_p2 = 'If you have any questions or comments, feel free to reach out! You can <a href="https://twitter.com/cryptpad"><i class="fa fa-twitter"></i>tweet us</a>, open an issue <a href="https://github.com/xwiki-labs/cryptpad/issues/" title="our issue tracker">on <i class="fa fa-github"></i>GitHub</a>. Come say hi on <a href="https://riot.im/app/#/room/#cryptpad:matrix.org" title="Matrix">our <i class="fa fa-comment"></i>Matrix channel</a> or IRC (#cryptpad on irc.freenode.net), or <a href="mailto:research@xwiki.com"><i class="fa fa-envelope"></i>send us an email</a>.';
 
-    out.main_info = "<h1>Collaborate in Confidence</h1><br> Grow your ideas together with shared documents while <strong>Zero Knowledge</strong> technology secures your privacy; even from us.";
+    out.main_info = "<h2>Collaborate in Confidence</h2> Grow your ideas together with shared documents while <strong>Zero Knowledge</strong> technology secures your privacy; <strong>even from us</strong>.";
     out.main_catch_phrase = "The Zero Knowledge Cloud";
 
     out.main_howitworks = 'How It Works';