home componen: css changes

Made few css changes in html component

Issue-ID: CCSDK-816
Change-Id: I4a253d6be31d06d556f6786f9b607b8e365aafd6
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>

diff --git a/cds-ui/client/src/app/common/shared/components/home/home.component.html b/cds-ui/client/src/app/common/shared/components/home/home.component.html
index fc763be..1945338 100644 (file)
--- a/cds-ui/client/src/app/common/shared/components/home/home.component.html
+++ b/cds-ui/client/src/app/common/shared/components/home/home.component.html
@@ -30,10 +30,10 @@ limitations under the License.
 </mat-toolbar> -->
 <mat-toolbar color="primary">
     <mat-toolbar-row>
-        <button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" color="primary">
-            <mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
-          </button>
-  <span>Controller Blueprint Design Studio</span>
+        <!-- <button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" color="primary"> -->
+          <a class="menuBar" (click)="drawer.toggle()">&#9776;</a>
+          <!-- </button> -->
+  <span class="title">Controller Blueprint Design Studio</span>
   </mat-toolbar-row>
 </mat-toolbar>
 <mat-sidenav-container class="example-container">
@@ -41,8 +41,8 @@ limitations under the License.
                (closed)="events.push('close!')">
     <mat-toolbar color=""primary>Menu</mat-toolbar>
     <mat-nav-list>
+        <a mat-list-item [routerLink]="['/blueprint']">Controlled Blueprint</a>
         <a mat-list-item>Data dictionory</a>
-        <a mat-list-item [routerLink]="['/controllerBlueprint']">Controlled Blueprint</a>
     </mat-nav-list>
   </mat-sidenav>
 

diff --git a/cds-ui/client/src/app/common/shared/components/home/home.component.scss b/cds-ui/client/src/app/common/shared/components/home/home.component.scss
index ca503e5..df9a48d 100644 (file)
--- a/cds-ui/client/src/app/common/shared/components/home/home.component.scss
+++ b/cds-ui/client/src/app/common/shared/components/home/home.component.scss
@@ -35,4 +35,13 @@ limitations under the License.
 //   }
 .mat-sidenav-container{
     height: 652px;
+}
+.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
+    color: white !important;
+}
+.menuBar{
+    cursor: pointer;
+}
+.title{
+    margin: 1em;
 }
\ No newline at end of file