Topo2: Added Friendly host names
JIRA: ONOS-6657

Also added css into the browsersync tasks within gulp

Change-Id: Ibcf342c89b8e1eae131f5cb3694e3632bc134534
diff --git a/tools/gui/gulp-tasks/bundles/bundle-css/index.js b/tools/gui/gulp-tasks/bundles/bundle-css/index.js
index 0c5c8d6..69c4c70 100644
--- a/tools/gui/gulp-tasks/bundles/bundle-css/index.js
+++ b/tools/gui/gulp-tasks/bundles/bundle-css/index.js
@@ -1,6 +1,7 @@
 import gulp from 'gulp';
 import concat from 'gulp-concat';
 import BundleResources from '../helpers/bundleResources';
+import { reload } from '../../dev-server';
 
 const GUI_BASE = '../../web/gui/src/main/webapp/';
 const bundleFiles = [
@@ -11,10 +12,18 @@
     'app/view/**/*.css',
 ];
 
-const task = gulp.task('bundle-css', function () {
-    return gulp.src(BundleResources(GUI_BASE, bundleFiles))
-        .pipe(concat('onos.css'))
-        .pipe(gulp.dest(GUI_BASE + '/dist/'));
-});
+const task = () => {
 
-export default task;
\ No newline at end of file
+    gulp.task('bundle-css', function () {
+        return gulp.src(BundleResources(GUI_BASE, bundleFiles))
+            .pipe(concat('onos.css'))
+            .pipe(gulp.dest(GUI_BASE + '/dist/'))
+            .on('end', () => { reload(); });
+    });
+
+    gulp.task('watch-css', () => {
+        gulp.watch([GUI_BASE + 'app/**/*.css'], ['bundle-css']);
+    });
+}
+
+export default task();
\ No newline at end of file