From 2942392d0ad93f54ea1baf5d65357f63f8af81fd Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 10 Mar 2022 18:34:26 +0200
Subject: [PATCH] Fix sidebar special item. Remove padding from
 page-content-header

---
 .../sharedComponents/page-content/page-content.component.ts | 4 ++--
 dashboard/sharedComponents/sidebar/sideBar.component.html   | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/dashboard/sharedComponents/page-content/page-content.component.ts b/dashboard/sharedComponents/page-content/page-content.component.ts
index 2803fd79..47f5a943 100644
--- a/dashboard/sharedComponents/page-content/page-content.component.ts
+++ b/dashboard/sharedComponents/page-content/page-content.component.ts
@@ -1,11 +1,11 @@
-import {ChangeDetectorRef, Component, HostListener, OnDestroy, OnInit} from "@angular/core";
+import {Component, OnInit} from "@angular/core";
 
 @Component({
   selector: '[page-content]',
   template: `
   <div id="page_content">
     <div #header id="page_content_header" uk-sticky="show-on-up: true; animation: uk-animation-slide-top; media: @m" [attr.offset]="offset">
-      <div class="uk-container uk-container-large">
+      <div class="uk-container uk-container-large uk-padding-remove-vertical">
         <ng-content select="[header]"></ng-content>
       </div>
     </div>
diff --git a/dashboard/sharedComponents/sidebar/sideBar.component.html b/dashboard/sharedComponents/sidebar/sideBar.component.html
index de8830d8..23ea85ed 100644
--- a/dashboard/sharedComponents/sidebar/sideBar.component.html
+++ b/dashboard/sharedComponents/sidebar/sideBar.component.html
@@ -25,10 +25,10 @@
         <ul class="uk-list">
           <li [class.uk-active]="isTheActiveUrl(specialMenuItem.route)">
             <a [routerLink]="specialMenuItem.route" [queryParams]="specialMenuItem.params"
-               [queryParamsHandling]="queryParamsHandling" class="uk-text-center">
+               [queryParamsHandling]="queryParamsHandling" class="uk-flex uk-flex-center uk-flex-middle uk-flex-wrap">
               <span [class.uk-display-block]="!open" [innerHTML]="satinizeHTML(specialMenuItem.icon)"></span>
-              <span [ngClass]="specialMenuItem.customClass"
-                    [class.uk-margin-small-left]="open"
+              <span [ngClass]="specialMenuItem.customClass" class="uk-text-center"
+                    [class.uk-margin-small-left]="open" [class.uk-margin-small-top]="!open"
                     [class.uk-text-small]="!open">{{specialMenuItem.title}}</span>
             </a>
           </li>