From 8cbf05a123b394b42972bc01706795012f8fa0bd Mon Sep 17 00:00:00 2001
From: Kobaine <rodgersbc@gmail.com>
Date: Thu, 26 Jan 2017 22:21:37 -0800
Subject: [PATCH] Added end of status icon dragger

---
 src/components/Player/index.js |  4 +++-
 styles/components/player.scss  | 15 ++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/Player/index.js b/src/components/Player/index.js
index da295f5..a53af1f 100644
--- a/src/components/Player/index.js
+++ b/src/components/Player/index.js
@@ -84,7 +84,9 @@ class Player extends React.Component {
     return (
       <div className="player-container">
         <div className="player-status">
-          <div id="player-status-bar" className="player-status-bar"></div>
+          <div id="player-status-bar" className="player-status-bar">
+            <span className="player-status-bar-dragger" onClick={(ev) => console.log(ev)}></span>
+          </div>
         </div>
         <div className="player-content">
           <div className="player-content-action">
diff --git a/styles/components/player.scss b/styles/components/player.scss
index 49d4d99..d734cf5 100644
--- a/styles/components/player.scss
+++ b/styles/components/player.scss
@@ -78,7 +78,20 @@
 	  	transition: width 0.3s linear;
 	  	background-color: #61B25A;
 	  	height: 100%;
-	}
+      position: relative;
+
+      .player-status-bar-dragger {
+        width: 20px;
+        height: 10px;
+        position: absolute;
+        right: -8px;
+        background-color: #f5f5f5;
+        border: 1px solid #8dc572;
+        top: -1px;
+        cursor: pointer;
+        border-radius: 3px;
+      }
+	  }
   }
 
 }