Multiple UI Improvements

web/react/components/sidebar.jsx

@@ -378,6 +378,13 @@ export default class Sidebar extends React.Component {
             );
         }
 
+        var icon = null;
+        if (channel.type === 'O') {
+            icon = <div className='status'><i className='fa fa-globe'></i></div>;
+        } else if (channel.type === 'P') {
+            icon = <div className='status'><i className='fa fa-lock'></i></div>;
+        }
+
         // set up click handler to switch channels (or create a new channel for non-existant ones)
         var handleClick = null;
         var href = '#';
@@ -461,6 +468,7 @@ export default class Sidebar extends React.Component {
                     href={href}
                     onClick={handleClick}
                 >
+                    {icon}
                     {status}
                     {channel.display_name}
                     {badge}

web/react/components/user_settings/custom_theme_chooser.jsx

@@ -92,7 +92,7 @@ export default class CustomThemeChooser extends React.Component {
                     >
                         <img
                             width='200'
-                            src={'/static/images/themes/code_themes/' + theme[element.id] + 'Large.png'}
+                            src={'/static/images/themes/code_themes/' + theme[element.id] + '.png'}
                         />
                     </Popover>
                 );

web/react/utils/utils.jsx

@@ -544,7 +544,7 @@ export function applyTheme(theme) {
         changeCss('@media(max-width: 768px){.settings-modal .settings-table .nav>li>a', 'color:' + theme.sidebarText, 1);
         changeCss('.sidebar--left .nav-pills__container li>h4, .sidebar--left .add-channel-btn', 'color:' + changeOpacity(theme.sidebarText, 0.6), 1);
         changeCss('.sidebar--left .add-channel-btn:hover, .sidebar--left .add-channel-btn:focus', 'color:' + theme.sidebarText, 1);
-        changeCss('.sidebar--left .status path', 'fill:' + changeOpacity(theme.sidebarText, 0.5), 1);
+        changeCss('.sidebar--left .status path', 'fill:' + theme.sidebarText, 1);
         changeCss('@media(max-width: 768px){.settings-modal .settings-table .nav>li>a', 'border-color:' + changeOpacity(theme.sidebarText, 0.2), 2);
     }
 

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

@@ -33,6 +33,11 @@
 	line-height: 40px;
 	display: none;
 }
+.search-item-snippet {
+	ul, ol {
+		padding-left: 20px;
+	}
+}
 .sidebar__search-icon {
 	position: absolute;
 	top: 15px;

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

@@ -42,6 +42,16 @@
         margin-right: 6px;
         width: 12px;
         display: inline-block;
+        i, path {
+            @include opacity(0.5);
+        }
+        .fa-lock {
+            margin-left: 1px;
+        }
+        .fa-globe {
+            top: -1px;
+            position: relative;
+        }
         .online--icon {
             fill: #7DBE00;
         }

web/static/css/google-fonts.css

@@ -143,6 +143,19 @@
 		url('/static/fonts/Lato-regular.svg#Lato') format('svg');
 }
 
+/* Lato Italic */
+@font-face {
+  font-family: 'Lato';
+  font-weight: 400;
+  font-style: italic;
+  src: url('/static/fonts/lato-italic-webfont.eot');
+    src: url('/static/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/static/fonts/lato-italic-webfont.woff2') format('woff2'),
+         url('/static/fonts/lato-italic-webfont.woff') format('woff'),
+         url('/static/fonts/lato-italic-webfont.ttf') format('truetype'),
+         url('/static/fonts/lato-italic-webfont.svg#latoitalic') format('svg');
+}
+
 /* Lato Bold */
 @font-face {
     font-family: 'Lato';