thanks to faris for the css
diff --git a/erpnext/projects/doctype/timesheet/timesheet.css b/erpnext/projects/doctype/timesheet/timesheet.css
index e540374..3bf4533 100644
--- a/erpnext/projects/doctype/timesheet/timesheet.css
+++ b/erpnext/projects/doctype/timesheet/timesheet.css
@@ -1,109 +1,39 @@
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,600,800';
.stopwatch {
- height: 50%;
- width: 100%;
- display: inline-flex;
- transition: all .5s ease;
- -moz-transition: all .5s ease;
- -ms-transition: all .5s ease;
- -webkit-transition: all .5s ease;
- -o-transition: all .5s ease;
+ text-align: center;
+ padding: 1em;
+ padding-bottom: 1em;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.stopwatch span {
- display: table-cell;
- width: 33%;
- font-size: 3em;
- font-family: 'Open Sans', sans serif;
- text-align: center;
- vertical-align: middle;
- transition: all .5s ease;
- -moz-transition: all .5s ease;
- -ms-transition: all .5s ease;
- -webkit-transition: all .5s ease;
- -o-transition: all .5s ease;
+ display: inline-block;
+ position: relative;
+ font-size: 3em;
+ font-family: menlo;
}
-.stopwatch .hours {
- font-weight: 800;
+.stopwatch .colon {
+ margin-top: -8px;
}
-
-.stopwatch .minutes {
- font-weight: 600;
-}
-
-.stopwatch .seconds {
- font-weight: 300;
-}
-
-.stopcontrols {
- height: 50%;
- width: 99%;
- display: table;
- transition: all .5s ease;
- -moz-transition: all .5s ease;
- -ms-transition: all .5s ease;
- -webkit-transition: all .5s ease;
- -o-transition: all .5s ease;
-}
-
-.stopcontrols div {
- display: table-cell;
- /* width: 50%; */
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
-}
-
.playpause {
- border-right: 1px dashed #fff;
- border-bottom: 1px dashed #fff;
+ border-right: 1px dashed #fff;
+ border-bottom: 1px dashed #fff;
}
.playpause .play {
- display: inline-block;
- border-top: 19px solid transparent;
- border-left: 28px solid #000;
- border-bottom: 19px solid transparent;
+ display: inline-block;
+ border-top: 19px solid transparent;
+ border-left: 28px solid #000;
+ border-bottom: 19px solid transparent;
}
.playpause .pause {
- display: inline-block;
- border-right: 3px solid #000;
- border-left: 3px solid #000;
- padding: 20px 11px;
-}
-
-/*
-.stop {
- border-bottom: 1px dashed #fff;
-}
-
-.stop span {
- display: inline-block;
- background-color: #e74c3c;
- width: 45px;
- height: 45px;
-} */
-/*
-@media screen and (max-width: 500px) {
- .stopwatch span {
- font-size: 3em;
- }
-}
-
-@media screen and (max-width: 390px) {
- .stopwatch {
- height: 75%;
- display: block;
- }
- .stopcontrols {
- height: 25%;
- }
- .stopwatch span {
- width: 100%;
- height: 33%;
- display: block;
- }
-} */
+ display: inline-block;
+ border-right: 3px solid #000;
+ border-left: 3px solid #000;
+ padding: 20px 11px;
+}
\ No newline at end of file