From faff9d3bb22f15d781e9463d997fe987c648dd1c Mon Sep 17 00:00:00 2001
From: Shreya <shreyashah115@gmail.com>
Date: Wed, 21 Mar 2018 19:26:27 +0530
Subject: [PATCH] thanks to faris for the css

---
 .../projects/doctype/timesheet/timesheet.css  | 116 ++++--------------
 1 file changed, 23 insertions(+), 93 deletions(-)

diff --git a/erpnext/projects/doctype/timesheet/timesheet.css b/erpnext/projects/doctype/timesheet/timesheet.css
index e54037490c..3bf4533ca2 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