updating styles

techieshravan · Mar 14, 2016 · 07a71d8 · 07a71d8
1 parent f9b04dd
commit 07a71d8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/ContactsManager/app/assets/styles.css b/ContactsManager/app/assets/styles.css
@@ -1,7 +1,11 @@
-.ng-valid[required] {
- border-left: 5px solid #42A948; /* green */
+html, body {
+ font-family: Roboto, "Helvetica", "Arial", sans-serif;
+}
+
+/*.ng-valid[required] {
+ border-left: 5px solid #42A948;
 }
 
 .ng-invalid {
- border-left: 5px solid #a94442; /* red */
-}
+ border-left: 5px solid #a94442;
+}*/
diff --git a/ContactsManager/index.html b/ContactsManager/index.html
@@ -2,15 +2,18 @@
 
 <head>
  <base href="/">
- <title>Angular 2 Contacts Manager</title>
+
+ <title>Contacts Manager</title>
 
  <meta name="viewport" content="width=device-width, initial-scale=1">
-
+
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
+
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
- <link rel="stylesheet" href="https://code.getmdl.io/1.1.2/material.blue-red.min.css" />
+ <link rel="stylesheet" href="https://code.getmdl.io/1.1.2/material.indigo-red.min.css" />
  <script defer src="https://code.getmdl.io/1.1.2/material.min.js"></script>
 
- <link rel="stylesheet" href="src/assets/styles.css" />
+ <link rel="stylesheet" href="app/assets/styles.css" />
 
  <!-- 1. Load libraries -->
  <!-- IE required polyfills, in this exact order -->
@@ -28,7 +31,7 @@
  <script>
  System.config({
  packages: {
- src: {
+ app: {
  format: 'register',
  defaultExtension: 'js'
  }