From 7fbc7e98c9041b32592c4f10716ee0c8e85d5174 Mon Sep 17 00:00:00 2001
From: lukas <lukas.heiligenbrunner@gmail.com>
Date: Fri, 20 Nov 2020 21:31:07 +0100
Subject: [PATCH] improved coloring of videoaction buttons on player page

---
 src/pages/Player/Player.js         | 13 ++++++++-----
 src/pages/Player/Player.module.css |  8 ++++++++
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/pages/Player/Player.js b/src/pages/Player/Player.js
index 9bf493f..11ec7f1 100644
--- a/src/pages/Player/Player.js
+++ b/src/pages/Player/Player.js
@@ -134,7 +134,7 @@ class Player extends React.Component {
                     <SideBarItem><b>{this.state.quality}p</b> Quality!</SideBarItem> : null}
                 {this.state.length !== 0 ?
                     <SideBarItem><b>{Math.round(this.state.length / 60)}</b> Minutes of
-                                                                             length!</SideBarItem> : null}
+                        length!</SideBarItem> : null}
                 <Line/>
                 <SideBarTitle>Tags:</SideBarTitle>
                 {this.state.tags.map((m) => (
@@ -174,11 +174,14 @@ class Player extends React.Component {
                             options={this.options}/> :
                         <div>not loaded yet</div>}
                     <div className={style.videoactions}>
-                        <button className='btn btn-primary' onClick={() => this.likebtn()}>Like this Video!</button>
-                        <button className='btn btn-info' onClick={() => this.setState({popupvisible: true})}>Give this
-                                                                                                             Video a Tag
+                        <button className={style.button} style={{backgroundColor: 'green'}} onClick={() => this.likebtn()}>Like this Video!</button>
+                        <button className={style.button} style={{backgroundColor: '#3574fe'}} onClick={() => this.setState({popupvisible: true})}>
+                            Give this Video a Tag
+                        </button>
+                        <button className={style.button} style={{backgroundColor: 'red'}} onClick={() => {
+                            this.deleteVideo();
+                        }}>Delete Video
                         </button>
-                        <button className='btn btn-danger' onClick={() => {this.deleteVideo();}}>Delete Video</button>
                     </div>
                 </div>
                 <button className={style.closebutton} onClick={() => this.closebtn()}>Close</button>
diff --git a/src/pages/Player/Player.module.css b/src/pages/Player/Player.module.css
index cd686b3..269c23f 100644
--- a/src/pages/Player/Player.module.css
+++ b/src/pages/Player/Player.module.css
@@ -19,3 +19,11 @@
 .videoactions {
     margin-top: 15px;
 }
+
+.button {
+    padding: 6px;
+    border-radius: 5px;
+    margin-right: 15px;
+    color: white;
+    border-width: 0;
+}