PLT-3817 - Updating flag icon (#3750)

* Updating flag icon

* Updating padding for user list

* Removing stroke from hover

* PLT-3794 - Fixing integrations css

webapp/components/channel_header.jsx

@@ -224,7 +224,7 @@ export default class ChannelHeader extends React.Component {
     }
 
     render() {
-        const flagIcon = Constants.FLAG_ICON_OUTLINE_SVG;
+        const flagIcon = Constants.FLAG_ICON_SVG;
 
         if (!this.validState()) {
             return null;

webapp/sass/components/_modal.scss

@@ -531,6 +531,7 @@
         flex-grow: 1;
         flex-shrink: 1;
         overflow: hidden;
+        padding-left: 10px;
         text-overflow: ellipsis;
     }
 

webapp/sass/layout/_headers.scss

@@ -396,7 +396,7 @@
 
         .icon__flag {
             svg {
-                height: 18px;
+                height: 19px;
                 position: relative;
                 top: 2px;
                 width: 19px;

webapp/sass/layout/_sidebar-right.scss

@@ -178,7 +178,7 @@
         }
 
         .usage__icon {
-            @include opacity(.6);
+            @include opacity(.9);
             margin: 0 3px;
             position: relative;
             top: 1px;

webapp/sass/responsive/_desktop.scss

@@ -34,9 +34,7 @@
             }
         }
     }
-}
 
-@media screen and (max-width: 1258px) {
     .backstage-content {
         margin: 46px 46px 46px 150px;
     }

webapp/utils/utils.jsx

@@ -567,7 +567,7 @@ export function applyTheme(theme) {
 
     if (theme.centerChannelColor) {
         changeCss('.app__body .post-list__arrows, .app__body .post .flag-icon__container', 'fill:' + changeOpacity(theme.centerChannelColor, 0.3), 1);
-        changeCss('.app__body .channel-header__links .icon', 'stroke:' + theme.centerChannelColor, 1);
+        changeCss('.app__body .channel-header__links .icon, .app__body .sidebar--right .sidebar--right__subheader .usage__icon', 'fill:' + theme.centerChannelColor, 1);
         changeCss('@media(min-width: 768px){.app__body .post:hover .post__header .col__reply, .app__body .post.post--hovered .post__header .col__reply', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 2);
         changeCss('.app__body .sidebar--left, .app__body .sidebar--right .sidebar--right__header, .app__body .suggestion-list__content .command', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 1);
         changeCss('.app__body .post.post--system .post__body', 'color:' + changeOpacity(theme.centerChannelColor, 0.6), 1);
@@ -640,7 +640,6 @@ export function applyTheme(theme) {
         changeCss('.app__body a, .app__body a:focus, .app__body a:hover, .app__body .btn, .app__body .btn:focus, .app__body .btn:hover', 'color:' + theme.linkColor, 1);
         changeCss('.app__body .attachment .attachment__container', 'border-left-color:' + changeOpacity(theme.linkColor, 0.5), 1);
         changeCss('.app__body .channel-header__links .icon:hover, .app__body .post .flag-icon__container.visible, .app__body .post .comment-icon__container, .app__body .post .post__reply', 'fill:' + theme.linkColor, 1);
-        changeCss('.app__body .channel-header__links .icon:hover', 'stroke:' + theme.linkColor, 1);
     }
 
     if (theme.buttonBg) {