Updating UI for modals and notification bar

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

@@ -123,6 +123,7 @@
 	}
 	.more-channel-table {
 		margin: 0;
+		table-layout: fixed;
 		p {
 			font-size: 0.9em;
 			overflow: hidden;
@@ -154,7 +155,7 @@
 					&.td--action {
 						text-align: right;
 						padding: 8px 15px 8px 8px;
-						width: 70px;
+						width: 80px;
 						vertical-align: middle;
 					}
 				}

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

@@ -49,7 +49,7 @@
         left: 0;
         right: 0;
         width: 72%;
-        color: #777;
+        color: #fff;
         background: #2389D7;
         @include border-radius(50px);
         margin: 0 auto;

web/templates/channel.html

@@ -52,6 +52,7 @@
 <script>
   window.setup_channel_page('{{ .Props.TeamDisplayName }}', '{{ .Props.TeamType }}', '{{ .Props.TeamId }}', '{{ .Props.ChannelName }}', '{{ .Props.ChannelId }}');
   $('body').tooltip( {selector: '[data-toggle=tooltip]'} );
+  $('.modal-body').css('max-height', $(window).height() * 0.7);
   $('.modal-body').perfectScrollbar();
 </script>
 </body>