From 83bbc8a7b5d18927d61ed7169bd788c4def24b53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Wed, 21 Mar 2018 21:07:20 +0100
Subject: [PATCH] Fix position of icons in "Share with" input field
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The "box-sizing" of "#app" descendants is set to "border-box" in the
server. Depending on where it is shown, the "Share with" input field can
be a descendant of "#app" or not, so its icons either use the
"border-box" or the "content-box" sizing depending on the case.
Therefore, the padding when using "border-box" sizing has to be set to
the content size ("min-width" and "min-height") plus the padding used in
"content-box" sizing.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 css/share.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/css/share.css b/css/share.css
index 5d5f2265c..efefb0ac1 100644
--- a/css/share.css
+++ b/css/share.css
@@ -35,6 +35,13 @@
 	right: 17px;
 	top: 18px;
 }
+#app #dropdown.shareDropDown .shareWithLoading {
+	/* The "box-sizing" of "#app" descendants is set to "border-box" in the
+	 * server. To have the same size the padding here has to be set to the
+	 * min-width/min-height plus the padding set for the icon in the default
+	 * "content-box" sizing. */
+	padding: 19px;
+}
 #dropdown.shareDropDown .icon-loading-small.hidden {
 	display: none !important;
 }
@@ -45,6 +52,14 @@
 	top: 18px;
 }
 
+#app #dropdown .shareWithRemoteInfo {
+	/* The "box-sizing" of "#app" descendants is set to "border-box" in the
+	 * server. To have the same size the padding here has to be set to the
+	 * min-width/min-height plus the padding set for the icon in the default
+	 * "content-box" sizing. */
+	padding: 19px;
+}
+
 #dropdown .avatar {
 	margin-right: 8px;
 	display: inline-block;