changed 'x' icon and fixed css

mattermost · Feb 27, 2017 · 23f7a0e · 23f7a0e
1 parent e272bb2
commit 23f7a0e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/webapp/components/search_bar.jsx b/webapp/components/search_bar.jsx
@@ -313,7 +313,7 @@ export default class SearchBar extends React.Component {
                         className={clearClass}
                         onClick={this.handleClear}
                     >
-                        <span className='sidebar__search-clear-x'>{'x'}</span>
+                        <span className='sidebar__search-clear-x'>{'×'}</span>
                     </div>
                     {isSearching}
                     {this.renderHintPopover(helpClass)}

diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
@@ -916,7 +916,7 @@
             .icon--refresh {
                 @include opacity(.6);
                 color: $black;
-                right: 28px;
+                right: 30px;
                 top: 15px;
             }
 
@@ -1091,19 +1091,20 @@
 
         .sidebar__search-clear {
             display: block;
-            top: 7px;
+            top: 6px;
             height: 30px;
             width: 35px;
+            margin-right: 18px;
             &.visible {
                 visibility: visible;
             }
         }
 
         .sidebar__search-clear-x {
-            margin-left: 15px;
-            font-size: 20px;
-            font-weight: bold;
-            opacity: 0.7;
+            margin-left: 14px;
+            font-size: 22px;
+            font-weight: 700;
+            opacity: .7;
         }
 
         .sidebar--right__close {