From ad86e41345f138c6404643e5f5aebca60e542771 Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Fri, 4 Sep 2020 10:40:34 +0200
Subject: [PATCH] Add background-color padding and border

---
 .../user-menu/user-menu.component.html           | 16 ++++++++--------
 .../user-menu/user-menu.component.scss           |  7 +++++++
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/projects/common/src/fm/components/user-menu/user-menu.component.html b/projects/common/src/fm/components/user-menu/user-menu.component.html
index 1c76fe3..c625332 100644
--- a/projects/common/src/fm/components/user-menu/user-menu.component.html
+++ b/projects/common/src/fm/components/user-menu/user-menu.component.html
@@ -1,14 +1,14 @@
 <div>
     <div (click)="toggle($event)" class="rounded-circle menu-button hidden" [ngClass]="{'hidden':!user}">
         <span *ngIf="user"><span  [title]="user.name">{{getLetter()}}</span></span>
-        <div class="menu hidden" [ngClass]="{'hidden':!showMenu}">
-            <div  class="card" *ngIf="user">           
-                <div class="card-body">
-                    <div class="username">{{user.name}}</div>
-                    <div><a href="#" (click)="logout($event)" i18n>logout</a></div>
-                </div>
-            </div>    
-            <router-outlet name="user-menu"></router-outlet>
+        <div class="menu hidden" [ngClass]="{'hidden':!showMenu}">           
+                <div  class="card" *ngIf="user">           
+                    <div class="card-body">
+                        <div class="username">{{user.name}}</div>
+                        <div><a href="#" (click)="logout($event)" i18n>logout</a></div>
+                    </div>
+                </div>                
+                <router-outlet name="user-menu"></router-outlet>            
         </div>
     </div>
 </div>
diff --git a/projects/common/src/fm/components/user-menu/user-menu.component.scss b/projects/common/src/fm/components/user-menu/user-menu.component.scss
index 4c121de..08f8d40 100644
--- a/projects/common/src/fm/components/user-menu/user-menu.component.scss
+++ b/projects/common/src/fm/components/user-menu/user-menu.component.scss
@@ -22,6 +22,9 @@ div.menu-button > span {
     position: absolute;
     top: 3rem;
     right:0;
+    background-color: #fff;
+    border-radius: 0.25rem;
+    padding: 0.5rem;
 }
 
 .card {      
@@ -44,6 +47,10 @@ div.menu-button > span {
     max-height: 0;   
 }
 
+.menu.hidden {
+    padding: 0;
+}
+
 .menu-button.hidden {
     overflow: hidden;
 }
\ No newline at end of file