Fix broken datepicker styles

Author: Stigmatoz

src/assets/css/general.css

@@ -74,7 +74,7 @@ select {
 .w-100 {
   width: 100%;
 }
-button, input[type='button'] {
+input[type='button'] {
   background: #428bff;
   color: #fff;
   border-radius: 3px;
@@ -90,22 +90,22 @@ button, input[type='button'] {
   width: 200px;
 }
 
-button, input[type='button']:hover {
+input[type='button']:hover {
   background: #5c9dfe;
   text-decoration: none;
 }
 
-button, input[type='button'].alert {
+input[type='button'].alert {
   background: #fe5c5c !important;
 }
 
-button, input[type='button'].info {
+input[type='button'].info {
   background: #ffffff !important;
   color: black;
   border: 1px solid black;
 }
 
-button, input[type='button'][disabled] {
+input[type='button'][disabled] {
   border: 1px solid #999999;
   background-color: #cccccc;
   color: #666666;

src/components/Dashboad.vue

@@ -71,7 +71,19 @@ function openChart(type: TypeOfChart) {
   height: 390px;
 }
 .chart-btn {
-  background-color: rgb(202, 202, 202);
+  background-color: rgb(192, 192, 192);
+  color: #fff;
+  border-radius: 3px;
+  height: 36px;
+  line-height: 35px;
+  padding: 0 20px;
+  border: 0;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  min-width: 80px;
+  text-align: center;
+  width: 200px;
 }
 
 .chart-btn.active {

src/components/Pomodoro.vue

@@ -125,8 +125,18 @@ async function changeStatus() {
   margin-top: 5px;
 }
 button {
-  color: white !important;
   border: none;
+  color: #fff;
+  border-radius: 3px;
+  height: 36px;
+  line-height: 35px;
+  padding: 0 20px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  min-width: 80px;
+  text-align: center;
+  width: 200px;
 }
 button.start {
   background-color: rgb(62, 148, 62) !important;