From a77cdad828935554712f3ff327c076f801aa7fe2 Mon Sep 17 00:00:00 2001
From: Marco Nassabain <marco.nassabain@hotmail.com>
Date: Thu, 25 Feb 2021 00:25:43 +0100
Subject: =?UTF-8?q?=F0=9F=92=84=20Update=20dropdown=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Marco Nassabain <marco.nassabain@hotmail.com>
---
 css/app.css                |  4 +++-
 templates/part.content.php | 15 ++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/css/app.css b/css/app.css
index d2ed8e53d..8b9a8d2d8 100644
--- a/css/app.css
+++ b/css/app.css
@@ -90,7 +90,9 @@
 }
 
 .contact-input{
-    margin-left: 1.5em !important;
+    display: flex;
+    justify-content: space-between;
+    margin: 0.5em 1.5em;
 }
 
 .label-group{
diff --git a/templates/part.content.php b/templates/part.content.php
index 3da58927d..01c116f7a 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -104,26 +104,27 @@
                             class="dropdown-content">
                                 <!-- Contact -->
                                 <p class="label-group"><?php p($l->t('Share with users')) ?></p>
-                                <form ng-submit="" name="contactForm" autocomplete="off">
-                                    <fieldset>
+                                <form ng-submit=""
+                                    name="contactForm"
+                                    autocomplete="off">
+                                    <fieldset class="contact-input">
                                         <input
                                             ng-model="nameQuery"
                                             ng-model-options="{debounce: 400}"
                                             ng-change="Share.searchUsers(nameQuery)"
                                             type="text"
-                                            class="contact-input"
                                             placeholder="<?php p($l->t('Username')) ?>"
                                             title="<?php p($l->t('Username')) ?>"
                                             name="contactName"
                                             required
                                             style="width: 200px">
+                                            <div ng-if="App.loading.isLoading('user')"
+                                                ng-class="{'icon-loading-small': App.loading.isLoading('user') }">
+                                            </div>
                                     </fieldset>
                                 </form>
 
-
-                                <div style="margin-bottom: 1em" ng-class="{'icon-loading-small': App.loading.isLoading('user') }">
-                                </div>
-                                <div style="margin-left: 1em"
+                                <div style="margin-left: 2em; font-size: 0.85em;"
                                      ng-if="!(Share.userList.length > 0) && nameQuery && !App.loading.isLoading('user')">
                                     <?php p($l->t('No users found')) ?>
                                 </div>
-- 
cgit v1.2.3