lots of clean up (css & variables)

1 files changed, 5 insertions, 5 deletions

diff --git a/src/client/views/search/NaviconButton.tsx b/src/client/views/search/NaviconButton.tsx
index e319b945a..3fa36b163 100644
--- a/src/client/views/search/NaviconButton.tsx
+++ b/src/client/views/search/NaviconButton.tsx
@@ -10,14 +10,14 @@ export interface NaviconProps{
 
 export class NaviconButton extends React.Component<NaviconProps> {
 
-    @observable ref: React.RefObject<HTMLAnchorElement> = React.createRef();
+    @observable private _ref: React.RefObject<HTMLAnchorElement> = React.createRef();
 
     componentDidMount = () => {
         let that = this;
-        if(this.ref.current){this.ref.current.addEventListener("click", function(e) {
+        if(this._ref.current){this._ref.current.addEventListener("click", function(e) {
             e.preventDefault();
-            if(that.ref.current){
-                that.ref.current.classList.toggle('active');
+            if(that._ref.current){
+                that._ref.current.classList.toggle('active');
                 return false;
             }
         });}
@@ -25,7 +25,7 @@ export class NaviconButton extends React.Component<NaviconProps> {
 
     render() {
         return (
-            <a id="hamburger-icon" href="#" ref = {this.ref} title="Menu">
+            <a id="hamburger-icon" href="#" ref = {this._ref} title="Menu">
                 <span className="line line-1"></span>
                 <span className="line line-2"></span>
                 <span className="line line-3"></span>