update css

zulbakar · Jul 24, 2017 · f2bee12 · f2bee12
1 parent f42ce81
commit f2bee12
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 42 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 # Angular Material Design theme
-A boilerplate for Material Design applications using Angular 1.x and Angular Material. This project uses the latest master branch of Angular Material to build the application. using yo generator, grunt as task runner
+A boilerplate for Material Design applications using Angular 1.5x and Angular Material. This project uses the latest master branch of Angular Material to build the application. using yo generator, grunt as task runner
 
 ![Angular Material Design theme](https://zulbakar.github.io/AngularMaterialDesign/images/login.jpg)
 

diff --git a/app/styles/custom-md.css b/app/styles/custom-md.css
@@ -342,6 +342,10 @@ color: #FFFFFF;
 .dashboard-card{
     background: transparent !important;
 }
+.dashboard-card md-grid-list md-grid-tile{
+    font-size: 40px;
+    text-align: center;
+}
 .dashboard-card md-grid-list md-grid-tile figure {
     display: inline-block;
     -webkit-box-align: center;
@@ -384,53 +388,37 @@ color: #FFFFFF;
 }
 
 /** BG COLOR*/
-.bg-purple-darken-4 {
-    background: #4a148c;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-purple-darken-4 , .bg-purple-darken-4 i{
+    background: #4a148c !important;
+    color: #ffffff !important;
 }
-.bg-pink-darken-2 {
-    background: #e91e63;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-pink-darken-2 , .bg-pink-darken-2 i{
+    background: #e91e63 !important;
+    color: #ffffff !important;
 }
-.bg-deep-purple-darken-2 {
-    background: #512da8;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-deep-purple-darken-2 , .bg-deep-purple-darken-2 i{
+    background: #512da8 !important;
+    color: #ffffff !important;
 }
-.bg-light-blue-darken-4 {
-    background: #01579b;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-light-blue-darken-4 , .bg-light-blue-darken-4 i{
+    background: #01579b !important;
+    color: #ffffff !important;
 }
-.bg-green-darken-2 {
-    background: #388e3c;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-green-darken-2 , .bg-green-darken-2 i{
+    background: #388e3c !important;
+    color: #ffffff !important;
 }
-.bg-orange-darken-4 {
-    background: #e65100;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-orange-darken-4 , .bg-orange-darken-4 i{
+    background: #e65100 !important;
+    color: #ffffff !important;
 }
-.bg-red-accent-4 {
-    background: #d50000;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-red-accent-4 , .bg-red-accent-4 i{
+    background: #d50000 !important;
+    color: #ffffff !important;
 }
-.bg-yellow-accent-2 {
-    background: #fbc02d ;
-    font-size: 40px;
-    color: #ffffff;
-    text-align: center;
+.bg-yellow-accent-2 , .bg-yellow-accent-2 i{
+    background: #fbc02d !important;
+    color: #ffffff !important;
 }
 
 /*ACCORDIAN*/

diff --git a/app/views/sidenav-menu.html b/app/views/sidenav-menu.html
@@ -95,7 +95,7 @@ <h4 style="color: #ffffff;">Zul Bakar</h4>
                     </li>
                     <li>
                         <a href="javascript:void(0);" ng-click="$ctrl.go('/accordian')" ng-class="{'{{$ctrl.classActive}}':$ctrl.$location.path() === '/accordian'}">
-                            <i class="material-icons">grid_on</i>
+                            <i class="material-icons">storage</i>
                             <p>Accordian</p>
                         </a>
                     </li>