added styles

poorvi10 · poorvi10 · commit 4d4f0b5481ef · 2017-09-25T11:55:28.000+05:30
diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css
@@ -27,6 +27,7 @@ a, a label {
 	background-image:url('images/bg1.jpg');
 	background-size: 1300px 960px;
     background-repeat: no-repeat;
+    overflow: scroll;
 }
 
 /* Login form and signup form styles */
@@ -89,9 +90,21 @@ a, a label {
 #noteContent {
 	color: #000;
 }
+#notes {
+	overflow: hidden;
+}
 
 .currentNote {
 	height:170px;
-	background: #80ff80;
+	background: #000;
 	margin: 10px;
+	word-wrap: break-word;
+	overflow: auto;
+	border-radius: 17px;
+	color: gray;
+}
+#editNote, #deleteNote {
+	text-decoration: none;
+	color: green;
+	padding-top: 4px;
 }
diff --git a/public/controllers/dashboard-controller.js b/public/controllers/dashboard-controller.js
@@ -34,8 +34,8 @@ notes.controller('dashboardCtrl', function dashboardCtrl($scope, $window, $http)
 				var html = '';
 				html += '<div class="col-md-3 currentNote" id= "'+data._id+'" ng-repeat="note in notes">';
 	        	html += '<div class="row">';
-	        	html += '<a class="col-md-2" id="editNotedeleteNote" ng-click="getNoteById('+data._id+')">Edit</a>';
-	        	html += '<a class="col-md-2" id="deleteNote" ng-click="deleteNote('+data._id+')">Delete</a>';
+	        	html += '<a class="col-md-2" id="editNotedeleteNote" ng-click="getNoteById('+data._id+')"><i class="fa fa-pencil"></i></a>';
+	        	html += '<a class="col-md-2" id="deleteNote" ng-click="deleteNote('+data._id+')"><i class="fa fa-trash-o" aria-hidden="true"></i></a>';
 	        	html += '</div>';
 	        	html += '<h1>'+$scope.noteHeading+'</h1>';
 	        	html += '<div class="col-md-12" id="noteBody">'+$scope.note+'</div>';
diff --git a/public/views/dashboard.html b/public/views/dashboard.html
@@ -10,6 +10,7 @@
 
 	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
 	<link rel="stylesheet" type="text/css" href="../assets/css/styles.css">
+	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 
 	<!--  Angular from Google CDN -->
 	<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
@@ -21,7 +22,7 @@
 	<script type="text/javascript" src="../controllers/dashboard-controller.js"></script>
 </head>
 <body ng-controller="dashboardCtrl">
-    <div class="container">
+    <div class="container dashboard-container">
 	  <h2 style="color: #fff">Welcome <span ng-bind="name.firstname"></span>!</h2>
 	  <div class="panel panel-default">
 	    <div class="panel-heading">
@@ -31,11 +32,11 @@ <h2 style="color: #fff">Welcome <span ng-bind="name.firstname"></span>!</h2>
 	    <div class="panel-body" id="notes">
 	        <div class="col-md-3 currentNote" id={{note._id}} ng-repeat="note in notes">
 	        	<div class="row">
-	        		<a class="col-md-2" id="editNote" ng-click="getNoteById(note._id)" data-target="#pModal">Edit</a>
-	        		<a class="col-md-2" id="deleteNote" ng-click="deleteNote(note._id)">Delete</a>
+	        		<a class="col-md-offset-8 col-md-2" id="editNote" ng-click="getNoteById(note._id)" data-target="#pModal"><i class="fa fa-pencil"></i></a>
+	        		<a class="col-md-2" id="deleteNote" ng-click="deleteNote(note._id)"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
 	        	</div>
-	        	<h1>{{note.noteTitle}}</h1>
-	        	<div class="col-md-12" id="noteBody">{{note.noteBody}}</div>
+	        	<h1 ng-bind="note.noteTitle"></h1>
+	        	<div class="col-md-12" id="noteBody" ng-bind="note.noteBody"></div>
 	        </div>	 
 	    </div>
 	  </div>
