From f5b4677b6307657d9288db91b8602f8b60530139 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 4 Mar 2022 17:50:51 +0200
Subject: [PATCH] Change user menu drop position to bottom-right

---
 login/userMini.component.ts | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/login/userMini.component.ts b/login/userMini.component.ts
index 73229208..74cfaf2e 100644
--- a/login/userMini.component.ts
+++ b/login/userMini.component.ts
@@ -21,7 +21,7 @@ import {UserManagementService} from "../services/user-management.service";
               </text>
             </svg>
           </a>
-          <div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left">
+          <div class="uk-navbar-dropdown" uk-drop="pos: bottom-right">
             <ul class="uk-nav uk-navbar-dropdown-nav">
               <ng-container *ngFor="let item of userMenuItems ">
                 <li *ngIf="item.needsAuthorization && isAuthorized || !item.needsAuthorization"
@@ -43,17 +43,11 @@ import {UserManagementService} from "../services/user-management.service";
       <li>
           <span *ngIf="loggedIn" class="uk-flex uk-flex-middle">
             <span>{{user.fullname + " "}}</span>
-            <span class="uk-margin-small-right uk-icon"><svg width="20" height="20"
-                                                             viewBox="0 0 20 20"
-                                                             xmlns="http://www.w3.org/2000/svg"
-                                                             ratio="1"><circle fill="none"
-                                                                               stroke="#000"
-                                                                               stroke-width="1.1"
-                                                                               cx="9.9"
-                                                                               cy="6.4"
-                                                                               r="4.4"></circle><path
-                fill="none" stroke="#000" stroke-width="1.1"
-                d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2"></path></svg>
+            <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <circle fill="none" stroke="#000" stroke-width="1.1" cx="9.9" cy="6.4" r="4.4"></circle>
+              <path fill="none" stroke="#000" stroke-width="1.1"
+                d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2"></path>
+            </svg>
             </span>
           </span>
         <a *ngIf="!loggedIn" (click)="logIn()">Sign in</a>