dashboard changes

ras/frontend/src/components/Stats.js

@@ -20,7 +20,7 @@ const BookStats = (props) =>{
 
     return (
         <React.Fragment>
-                <div className="col-md-4 col-sm-4">
+                <div className="col-md-6 col-sm-6">
                     <div className="stat-block">
                         <i className="fas fa-book-open"></i>   
                         <span className="stats-label">Gelezen boeken:</span>
@@ -28,14 +28,14 @@ const BookStats = (props) =>{
                     </div>
                 </div>
                 
-                <div className="col-md-4 col-sm-4">
+                {/* <div className="col-md-4 col-sm-4">
                     <div className="stat-block">
                         <i className="fas fa-book-open"></i>   
                         <span className="stats-label">Genres:</span>
                         <span className="stats-number">{totalgenres ? totalgenres : 0}</span>
                         
                     </div>
-                </div>
+                </div> */}
         </React.Fragment>
     )
 }

ras/frontend/src/views/dashboard.js

@@ -6,6 +6,7 @@ import Stats from "../components/Stats";
 import * as moment from 'moment';
 import "../components/DataTables.css";
 import Readed from "../components/Readed.js";
+import Challenge from "../components/Challenge.js";
 import Sidebar from "../components/Sidebar.js";
 import 'flag-icon-css/css/flag-icons.min.css';
 import Languages from "../components/Languages.js";
@@ -58,10 +59,7 @@ const Dashboard = (props) => {
                 <div className="container-fluid">
                     <div className="row">
                         <div className="col-md-6">
-                            <div className="row">
-                                <Books year={year} />
-                                {/* <Readed year={year} /> */}
-                            </div>
+                            <Books year={year} />
                         </div>
 
                         <div className="col-md-3">

ras/frontend/static/css/style.css

@@ -489,7 +489,7 @@ html, body{
   }
 
   .stat-block .progress-bar{
-    background-color: #404e67;
+    background-color: #405181;
     position: relative;
     overflow: visible;
     border-right: solid 2px #333;

ras/frontend/static/js/src_views_dashboard_js.js.LICENSE.txt

@@ -22,6 +22,10 @@
   !*** ./src/components/Ratings.js ***!
   \***********************************/
 
+/*!*************************************!*\
+  !*** ./src/components/Challenge.js ***!
+  \*************************************/
+
 /*!*************************************!*\
   !*** ./src/components/Languages.js ***!
   \*************************************/