UI Improvements

css done

app/app.css

@@ -448,7 +448,7 @@ select {
 }
 
 .navbar-top-links .dropdown-menu li a:hover {
-    background-color:#fcfcfc;
+    background-color:#f3f3f3;
 }
 
 .navbar-top-links .open>a,
@@ -465,7 +465,7 @@ select {
 }
 
 .navbar-top-links .dropdown-menu li a {
-    padding: 10px 20px;
+    padding: 10px 15px;
     min-height: 0;
     color:#444;
 }
@@ -2074,6 +2074,22 @@ table.dataTable thead .sorting:after {
 
 /* CHAT APPLICATION */
 
+.chat-app-button {
+	width: 50px;
+    height: 50px;
+    border-radius: 100%;
+    background-color: #fff;
+    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
+    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
+    position: absolute;
+    bottom: 57px;
+    right: 15px;
+	background-image:url(img/chat-button.png);
+	background-size: 24px;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
 .chat-app {
 	width: 800px;
     height: 600px;
@@ -2232,7 +2248,7 @@ table.dataTable thead .sorting:after {
 
 .chat-app .conversation-header .conversation-user {
 	display: inline-block;
-    width: 280px;
+    width: 290px;
     margin-left: 23px;
 	float: left;
 }
@@ -2255,6 +2271,12 @@ table.dataTable thead .sorting:after {
 	float:left;
 }
 
+.chat-app .conversation-header .conversation-search span.glyphicon {
+	position: absolute;
+    top: 28px;
+    margin-left: 9px;
+}
+
 .chat-app .conversation-header .conversation-search input {
 	width: 180px;
     height: 40px;
@@ -2263,6 +2285,7 @@ table.dataTable thead .sorting:after {
     border-radius: 3px;
     outline: none;
     margin-top: 15px;
+	padding-left: 30px;
 }
 
 .chat-app .conversation-header .close-chat-app {
@@ -2342,8 +2365,8 @@ table.dataTable thead .sorting:after {
     font-size: 20px;
     color: #ababab;
     padding: 15px;
-    margin-bottom: 30px;
-    border-bottom: 1px solid #f3f3f3;
+    margin-bottom: 10px;
+    margin-top: 10px;
 }
 
 .chat-app .conversation-section .conversation-body .conversation-block {
@@ -2503,6 +2526,135 @@ table.dataTable thead .sorting:after {
 
 /* END OF CHAT APPLICATION */
 
+/* NAVBAR RIGHT */
+
+.navbar-right .dropdown-messages .messages-header p,
+.navbar-right .dropdown-alerts .notifications-header p {
+	margin-left: 15px;
+    position: relative;
+    width: 170px;
+    display: inline-block;
+    padding-top: 8px;
+    font-family: 'robotobold';
+    font-size: 15px;
+}
+
+.navbar-right .dropdown-messages .messages-header span.badge,
+.navbar-right .dropdown-alerts .notifications-header span.badge {
+	position: relative;
+    top: -1px;
+    background-color: #A61229;
+    border: none;
+    line-height: 22px;
+}
+
+.navbar-right .dropdown-messages .messages-header a {
+	color:#333;
+	position: absolute;
+    right: 15px;
+    top: 12px;
+    font-size: 18px;
+}
+
+.navbar-right .dropdown-alerts .notifications-header a {
+	color:#333;
+	position: absolute;
+    right: 5px;
+    top: 4px;
+}
+
+.navbar-right .dropdown-alerts .notifications-header a:hover {
+	background-color:transparent;
+}
+
+.navbar-right .dropdown-messages .messages-header a:hover,
+.navbar-right .dropdown-alerts .notifications-header a:hover {
+	color: #A61229;
+}
+
+.navbar-right .dropdown-messages li a.unread,
+.navbar-right .dropdown-alerts li a.unread {
+	background-color:#f1f1f1;
+}
+
+.navbar-right .dropdown-messages li .profile-pic {
+	width:40px;
+	height:40px;
+	border-radius:100%;	
+}
+
+.navbar-right .dropdown-messages .left-part {
+	width:20%;
+	float:left;
+}
+
+.navbar-right .dropdown-messages .right-part {
+	width:80%;
+	float:right;
+	position:relative;
+}
+
+.navbar-right .dropdown-messages .right-part .profile-name {
+	font-family:'robotobold';
+	width: 160px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.navbar-right .dropdown-messages .right-part .message-time {
+	position: absolute;
+    right: 0;
+    top: 3px;
+    font-size: 11px;
+    color: #7d7d7d;
+}
+
+.navbar-right .dropdown-messages .right-part .message-content {
+	display: -webkit-box !important;
+    display: -moz-box !important;
+    display: box !important;
+    -webkit-line-clamp: 2;
+    -moz-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    height: 37px;
+}
+
+.navbar-right .dropdown-alerts li {
+	border-bottom: 1px solid #ececec;
+}
+
+.navbar-right .dropdown-alerts li:last-child {
+	border-bottom:none;
+}
+
+.navbar-right .dropdown-alerts .notification-content {
+	display: -webkit-box !important;
+    display: -moz-box !important;
+    display: box !important;
+    -webkit-line-clamp: 2;
+    -moz-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.navbar-right .dropdown-alerts .notification-time {
+	margin-top: 10px;
+    color: #9c9c9c;
+}
+
+/* END OF NAVBAR RIGHT */
+
+
 
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {