fix(demo): improve dashboard and ui features pages

src/app/@theme/components/header/header.component.scss

@@ -1,52 +1,34 @@
 @import '../../styles/variables';
 
 @include nga-install-component() {
-  width: 100%;
   display: flex;
   justify-content: space-between;
+  width: 100%;
 
-  div {
+  .left-container {
     display: flex;
     align-items: center;
 
-    & > * {
-      height: 100%;
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  .left {
-    > * {
-      padding: 0 1.25rem;
-      border-right: 1px solid nga-theme(separator);
-
-      &:first-child {
-        padding-left: 0;
-      }
-
-      &:last-child {
-        border: none;
-      }
-    }
-
-    .theme-buttons button {
-      margin-left: 10px;
-    }
-
-    .control-icon.ion-navicon {
+    .navigation {
+      padding-right: nga-theme(padding);
       font-size: 2.5rem;
     }
 
     .logo {
-      font-size: 1.7rem;
+      padding: 0 nga-theme(padding);
+      font-size: 1.75rem;
       font-weight: nga-theme(font-weight-bolder);
-      text-decoration: none;
-      transition: all 0.2s ease;
-      cursor: pointer;
+      border-left: 1px solid nga-theme(separator);
 
-      a {
-        font-weight: normal;
+      span {
+        font-weight: nga-theme(font-weight-normal);
+      }
+    }
+
+    .theme-buttons {
+      margin-left: 3rem;
+      button {
+        margin-right: 1rem;
       }
     }
   }

src/app/@theme/components/header/header.component.ts

@@ -8,9 +8,9 @@ import { UserService } from '../../../@core/data/users.service';
   selector: 'ngx-header',
   styleUrls: ['./header.component.scss'],
   template: `
-    <div class="left">
-      <a (click)="toggleSidebar()" href="#"><i class="control-icon ion ion-navicon"></i></a>
-      <span class="logo" (click)="goToHome()">NgX&nbsp;<a>Admin</a></span>
+    <div class="left-container">
+      <a (click)="toggleSidebar()" href="#" class="navigation"><i class="ion-navicon"></i></a>
+      <div class="logo" (click)="goToHome()">NgX&nbsp;<span>Admin</span></div>
       <div class="theme-buttons">
         <button class="btn btn-hero-primary" (click)="selectCosmicTheme()">Cosmic</button>
         <button class="btn btn-hero-warning" (click)="selectLightTheme()">Light</button>

src/app/@theme/styles/global.scss

@@ -3,21 +3,7 @@
 }
 
 .nga-theme-cosmic {
-  // Styles for cards without separator
-  nga-card nga-card-header + nga-card-body {
-    padding-top: 0;
-  }
-  nga-card nga-card-body + nga-card-footer {
-    padding-top: 0;
-  }
 
-  // Styles for modals without separator
-  .modal-content .modal-header + .modal-body {
-    padding-top: 0;
-  }
-  .modal-content .modal-body + .modal-footer {
-    padding-top: 0;
-  }
 }
 
 //global styles for the whole application