From 8a7cfa6bd7e437ff8c0c5461f455d15e68321c0c Mon Sep 17 00:00:00 2001
From: Karl Prieb <karl@prieb.me>
Date: Thu, 5 Jan 2017 13:45:38 -0200
Subject: [PATCH] fix avatar url input border

---
 packages/rocketchat-theme/client/imports/base.less   | 12 +++++++++++-
 .../rocketchat-ui-account/account/avatar/prompt.html | 10 +++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/rocketchat-theme/client/imports/base.less b/packages/rocketchat-theme/client/imports/base.less
index 8109efed66f..35d62a47e18 100644
--- a/packages/rocketchat-theme/client/imports/base.less
+++ b/packages/rocketchat-theme/client/imports/base.less
@@ -4270,7 +4270,8 @@ body:not(.is-cordova) {
 	flex-flow: row nowrap;
 	width: 100%;
 	padding: 12px;
-	border: 0;
+	border-width: 1px;
+	border-radius: 4px;
 	transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
 
 	&:first-child {
@@ -4313,6 +4314,15 @@ body:not(.is-cordova) {
 		text-align: center;
 	}
 
+	.input-line {
+		display: flex;
+		align-items: center;
+	}
+
+	#avatarurl {
+		margin-right: 20px;
+	}
+
 	input[type=file] {
 		position: absolute !important;
 		width: 100%;
diff --git a/packages/rocketchat-ui-account/account/avatar/prompt.html b/packages/rocketchat-ui-account/account/avatar/prompt.html
index f325f2dc0c3..6a238d35ed3 100644
--- a/packages/rocketchat-ui-account/account/avatar/prompt.html
+++ b/packages/rocketchat-ui-account/account/avatar/prompt.html
@@ -1,6 +1,6 @@
 <template name="avatarSuggestion">
 	{{#if .}}
-		<div class="avatar-suggestion-item tertiary-background-color">
+		<div class="avatar-suggestion-item border-component-color">
 			<div class="avatar tertiary-background-color" style="background-image: url({{blob}});">
 			</div>
 			<div class="action">
@@ -12,7 +12,7 @@
 
 <template name="avatarSuggestionLogin">
 	{{#if .}}
-		<div class="avatar-suggestion-item tertiary-background-color">
+		<div class="avatar-suggestion-item border-component-color">
 			<div class="avatar question-mark icon-user tertiary-background-color"></div>
 			<div class="action">
 				<button type="button" class="button primary {{.}} login-with-service">{{_ "Login_with" .}}</button>
@@ -36,7 +36,7 @@
 				</header>
 				<div>
 					<div class="avatar-suggestions">
-						<div class="avatar-suggestion-item tertiary-background-color">
+						<div class="avatar-suggestion-item border-component-color">
 							{{> avatar username=initialsUsername }}
 							{{#with service='initials'}}
 								<div class="action">
@@ -44,7 +44,7 @@
 								</div>
 							{{/with}}
 						</div>
-						<div class="avatar-suggestion-item tertiary-background-color">
+						<div class="avatar-suggestion-item border-component-color">
 							<div style="background-image: url({{upload.blob}});" class="avatar tertiary-background-color {{#unless upload}}question-mark icon-upload{{/unless}}">
 							</div>
 							<div class="action">
@@ -56,7 +56,7 @@
 								{{/with}}
 							</div>
 						</div>
-						<div class="avatar-suggestion-item tertiary-background-color">
+						<div class="avatar-suggestion-item border-component-color">
 							{{#with service='url'}}
 								<div class="avatar question-mark icon-upload tertiary-background-color"></div>
 								<div class="action">