Improve the homepage with new images and translations

customize.dist/src/less/cryptpad.less

@@ -446,7 +446,7 @@ body.html {
             left: 0;
         }
     }
-    #userForm, #data {
+    #userForm, #loggedIn, #data {
         @media screen and (max-width: @media-not-big) {
             transform: initial;
             position: relative;
@@ -457,7 +457,7 @@ body.html {
             box-sizing: border-box;
         }
     }
-    #userForm {
+    #userForm, #loggedIn {
         @media screen and (max-width: @media-not-big) {
             border: 1px solid #888;
         }

customize.dist/src/less/toolbar.less

@@ -39,6 +39,21 @@
         float: right;
     }
 
+    button {
+        &#shareButton {
+            color: #fff;
+            background: #5cb85c;
+            border-color: #5cb85c;
+            &:hover {
+                background: #449d44;
+                border: 1px solid #419641;
+            }
+            span {
+                color: #fff;
+            }
+        }
+    }
+
     .cryptpad-lag {
         box-sizing: content-box;
         height: 16px;
@@ -273,6 +288,9 @@
     button {
         margin: 2px 4px 2px 0px;
     }
+    .dropdown-bar-content {
+        margin-top: -1px;
+    }
 }
 .cryptpad-toolbar-rightside {
     text-align: right;