Change text of image mobile placeholder to CLICK TO LOAD and improve layout. Fixes #554

client/stylesheets/base.less

@@ -1998,11 +1998,20 @@ a.github-fork {
 	border: 1px dashed #ddd;
 	padding: 20px 15px;
 	margin-bottom: 5px;
-	display: inline-block;
 	text-transform: uppercase;
 	color: #aaa;
 	text-align: center;
 	cursor: pointer;
+	height: 200px;
+	display: flex;
+	display: -webkit-flex;
+	flex-direction: column;
+	-webkit-flex-direction: column;
+	align-items: center;
+	-webkit-align-items: center;
+	justify-content: center;
+	-webkit-justify-content: center;
+	width: 200px;
 
 	i {
 		font-size: 24px;

packages/rocketchat-oembed/client/oembedImageWidget.html

@@ -9,7 +9,7 @@
 		{{#if parsedUrl}}
 			<div class="image-to-download" data-url="{{url}}">
 				<i class="icon-picture"></i>
-				<div>click to download</div>
+				<div>click to load</div>
 			</div>
 		{{/if}}
 	{{/if}}