From 89aa23b3d8f1034e46b6489ee77cc4f3a026c669 Mon Sep 17 00:00:00 2001
From: Akanksha Gaur <akankshagaur@outlook.com>
Date: Tue, 1 Jan 2019 17:28:36 +0530
Subject: [PATCH] add ui styles required for setup

---
 angular.json      | 32 ++++++++++++++++++--------------
 package-lock.json | 20 ++++++++++++++++++++
 package.json      |  4 ++++
 src/styles.scss   |  5 +++++
 4 files changed, 47 insertions(+), 14 deletions(-)

diff --git a/angular.json b/angular.json
index 76e66e3..cf71db9 100644
--- a/angular.json
+++ b/angular.json
@@ -27,18 +27,20 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/semantic-ui-table/table.min.css",
+              "./node_modules/semantic-ui-reset/reset.min.css",
+              "./node_modules/semantic-ui-input/input.min.css",
+              "./node_modules/semantic-ui-card/card.min.css",
               "src/styles.scss"
             ],
             "scripts": []
           },
           "configurations": {
             "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
+              "fileReplacements": [{
+                "replace": "src/environments/environment.ts",
+                "with": "src/environments/environment.prod.ts"
+              }],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -48,13 +50,11 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                }
-              ]
+              "budgets": [{
+                "type": "initial",
+                "maximumWarning": "2mb",
+                "maximumError": "5mb"
+              }]
             }
           }
         },
@@ -83,6 +83,10 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
+              "./node_modules/semantic-ui-table/table.min.css",
+              "./node_modules/semantic-ui-reset/reset.min.css",
+              "./node_modules/semantic-ui-input/input.min.css",
+              "./node_modules/semantic-ui-card/card.min.css",
               "src/styles.scss"
             ],
             "scripts": [],
@@ -136,4 +140,4 @@
     }
   },
   "defaultProject": "ng-beginner-workshop"
-}
\ No newline at end of file
+}
diff --git a/package-lock.json b/package-lock.json
index 179ce0c..fc34cac 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8567,6 +8567,26 @@
         "node-forge": "0.7.5"
       }
     },
+    "semantic-ui-card": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/semantic-ui-card/-/semantic-ui-card-2.3.1.tgz",
+      "integrity": "sha512-7FzibUcZoSmdOvqepegjvQshvxHBwTU8ZU/oQtVd9BxhpLgjjktQX6Qmdark9F5NM1Uy1bESrNocm3Vib2gSVw=="
+    },
+    "semantic-ui-input": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/semantic-ui-input/-/semantic-ui-input-2.4.0.tgz",
+      "integrity": "sha512-W9DHNzzYb7OuO2X6T2tcbHhgN9wR7mf6cpj98tQcPybMr4qOmIN9OvICPwErGM4GMDXUF/ekMzCBF8xDEe7lyQ=="
+    },
+    "semantic-ui-reset": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/semantic-ui-reset/-/semantic-ui-reset-2.3.1.tgz",
+      "integrity": "sha512-dblxZwp2hn6vqoMtbhxJOiGhTpWt4n9yFFW8m2e6Yv7UGlKpcRUUu3PAXstzOROakdmhzzteheXKaHE4WzLWfw=="
+    },
+    "semantic-ui-table": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/semantic-ui-table/-/semantic-ui-table-2.3.1.tgz",
+      "integrity": "sha512-SB64GhYRRKklapaH4YwoTxY+8XTe3dsTNzv8XqqitajeZ2qqTFHrQK1HEfyQuliyoVMmRAHUJ5o3K8+pGZY3Mg=="
+    },
     "semver": {
       "version": "5.5.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
diff --git a/package.json b/package.json
index 139827a..13218d2 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,10 @@
     "@angular/router": "~7.1.0",
     "core-js": "^2.5.4",
     "rxjs": "~6.3.3",
+    "semantic-ui-card": "^2.3.1",
+    "semantic-ui-input": "^2.4.0",
+    "semantic-ui-reset": "^2.3.1",
+    "semantic-ui-table": "^2.3.1",
     "tslib": "^1.9.0",
     "zone.js": "~0.8.26"
   },
diff --git a/src/styles.scss b/src/styles.scss
index 90d4ee0..61fc2d6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1 +1,6 @@
 /* You can add global styles to this file, and also import other style files */
+body {
+  background-color: #f9f9f9 !important;
+  font-size: 15px;
+  font-family: 'Titillium Web', sans-serif !important;
+}
\ No newline at end of file