PM-183 and PM-162 - Updating UI for more modal and unread notification bar

web/sass-files/sass/partials/_modal.scss

@@ -118,12 +118,11 @@
 	}
 	&#more_channels {
 		.modal-body {
-			padding: 5px 10px;
+			padding: 0;
 		}
 	}
 	.more-channel-table {
 		margin: 0;
-		table-layout: fixed;
 		p {
 			font-size: 0.9em;
 			overflow: hidden;
@@ -138,16 +137,18 @@
 		}
 		tbody {
 			> tr {
-				&:first-child {
-					td {
-						border: none;
-					}
+				&:hover td {
+					background: #f7f7f7;
 				}
 				td {
+					width: 100%;
 					white-space: nowrap;
 					overflow: hidden;
 					text-overflow: ellipsis;
+					padding: 8px 8px 8px 15px;
 					&.td--action {
+						text-align: right;
+						padding: 8px 15px 8px 8px;
 						width: 70px;
 						vertical-align: middle;
 					}

web/sass-files/sass/partials/_sidebar--left.scss

@@ -50,7 +50,7 @@
         right: 0;
         width: 72%;
         color: #777;
-        background: #DCF0FF;
+        background: #2389D7;
         @include border-radius(50px);
         margin: 0 auto;
         padding: 3px 0 4px;