sidenav and prettification of site #2

src/@noctua.common/scss/noctua.common.scss

@@ -50,15 +50,19 @@ $accent: map-get($theme, accent);
 
 .noc-drawer {
   .noc-drawer-header {
-    padding: 0 12px;
+    padding: 0 8px;
     @include deep-height(40px);
     background-color: #FFF;
     @include mat-elevation(2);
     z-index: 1000;
 
     .noc-drawer-header-title {
-      font-size: 14px;
+      font-size: 12px;
+      font-weight: bold;
+      padding: 0 10px 0 0;
+      //color: #0F0; // map-get($primary, default);
       font-weight: bold;
+      color: map-get($primary, default);
     }
   }
 

src/@noctua.search/components/search-contributors/search-contributors.component.html

@@ -1,11 +1,11 @@
 <div fxLayout="column" fxLayoutAlign="start stretch" class="noc-drawer w-100-p h-100-p">
   <div class="noc-drawer-header" fxLayout="row" fxLayoutAlign="start center">
     <span class="noc-drawer-header-title">
-      Contributors</span>
+      Browse By Contributors</span>
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <form fxLayout="column" fxLayoutAlign="start stretch" class="mt-8 noc-search-form" noctuaPerfectScrollbar>

src/@noctua.search/components/search-filter/search-filter.component.html

@@ -6,7 +6,7 @@
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <div class="noc-drawer-body noc-filter-form" noctuaPerfectScrollbar>

src/@noctua.search/components/search-filter/search-filter.component.scss

@@ -41,7 +41,7 @@
       }
 
       .noc-section-body {
-        padding: 16px 5px 0 5px;
+        padding: 16px 8px 0 8px;
 
         .noc-annoton-group-row {
           margin-bottom: 8px;

src/@noctua.search/components/search-form/search-form.component.html

@@ -6,7 +6,7 @@
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <div class="noc-drawer-body noc-filter-form" noctuaPerfectScrollbar>

src/@noctua.search/components/search-groups/search-groups.component.html

@@ -1,11 +1,11 @@
 <div fxLayout="column" fxLayoutAlign="start stretch" class="noc-drawer w-100-p h-100-p">
   <div class="noc-drawer-header" fxLayout="row" fxLayoutAlign="start center">
     <span class="noc-drawer-header-title">
-      Groups</span>
+      Browse By Groups</span>
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <form fxLayout="column" fxLayoutAlign="start stretch" class="mt-8 noc-search-form" noctuaPerfectScrollbar>

src/@noctua.search/components/search-history/search-history.component.html

@@ -5,7 +5,7 @@
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <form class="mt-8 noc-search-form" noctuaPerfectScrollbar>

src/@noctua.search/components/search-organisms/search-organisms.component.html

@@ -1,11 +1,11 @@
 <div fxLayout="column" fxLayoutAlign="start stretch" class="noc-drawer w-100-p h-100-p">
   <div class="noc-drawer-header" fxLayout="row" fxLayoutAlign="start center">
     <span class="noc-drawer-header-title">
-      Species</span>
+      Browse By Species</span>
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <form fxLayout="column" fxLayoutAlign="start stretch" class="mt-8 noc-search-form" noctuaPerfectScrollbar>

src/@noctua.search/components/search-relation/search-relation.component.html

@@ -6,7 +6,7 @@
     <span fxFlex></span>
     <button mat-stroked-button (click)="close()" class="noc-rounded-button noc-sm" color="primary"
       aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <div class="noc-drawer-body noc-filter-form" noctuaPerfectScrollbar>

src/@noctua/components/confirm-dialog/confirm-dialog.component.html

@@ -4,7 +4,7 @@
       {{title}}</span>
     <span fxFlex></span>
     <button mat-stroked-button (click)="cancel()" class="noc-rounded-button noc-sm" aria-label="Close dialog">
-      <mat-icon>close</mat-icon> Close
+      <mat-icon>close</mat-icon> CLOSE
     </button>
   </div>
   <div mat-dialog-content class="noc-dialog-body">

src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss

@@ -113,7 +113,7 @@ $rotate-graph: 235deg;
       //color: #0F0; // map-get($primary, default);
       font-weight: bold;
       color: map-get($primary, default);
-      text-transform: uppercase;
+      //text-transform: uppercase;
       font-weight: bold;
     }
 

src/app/main/apps/noctua-search/noctua-search.component.scss

@@ -171,7 +171,6 @@ $accent: map-get($theme, accent);
 
   .noc-sidemenu {
     padding: 0;
-    margin-right: 5px;
     @include deep-height(100%);
     @include deep-width(60px);
     // @include mat-elevation(2);