Changing the hide advanced link to an octicon

heyts · Feb 2, 2015 · a18edd8 · a18edd8
1 parent ce17522
commit a18edd8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/pub/assets/css/hound.css b/pub/assets/css/hound.css
@@ -115,9 +115,8 @@ button:focus {
   transition: height, padding 0.1s ease-in-out;
 }
 
-#adv > .hideAdv {
-  color: #aaa;
-  text-decoration: underline;
+.hide-adv {
+  cursor:pointer;
 }
 
 /* Media object clearfix */

diff --git a/pub/assets/js/hound.js b/pub/assets/js/hound.js
@@ -451,9 +451,7 @@ var SearchBar = React.createClass({
 
         <div id="inb">
           <div id="adv" ref="adv">
-            <div className="hideAdv" onClick={this.hideAdvanced}>
-                Hide Advanced
-            </div>
+            <span className="octicon octicon-chevron-up hide-adv" onClick={this.hideAdvanced}></span>
             <div className="field">
               <label>File Path</label>
               <div className="field-input">
@@ -637,7 +635,7 @@ var FilesView = React.createClass({
           <div className="title">
             <ReactZeroClipboard className="copy-path-container" text={match.Filename}>
               <button className="copy-path-btn">
-                <span className="octicon octicon-clippy"></span> 
+                <span className="octicon octicon-clippy"></span>
               </button>
             </ReactZeroClipboard>
             <a href={Model.UrlToRepo(repo, match.Filename)}>