removed stop button and added a complete button

erpnext/projects/doctype/timesheet/timesheet.css

@@ -16,8 +16,8 @@ body {
 } */ 
 
 .stopwatch {
-  height: 50%;
-  width: 100%;
+  height: 20%;
+  width: 50%;
   display: inline-flex;
   transition: all .5s ease;
   -moz-transition: all .5s ease;
@@ -29,7 +29,7 @@ body {
 .stopwatch span {
   display: table-cell;
   width: 33%;
-  font-size: 5em;
+  font-size: 3em;
   font-family: 'Open Sans', sans serif;
   text-align: center;
   vertical-align: middle;
@@ -84,11 +84,13 @@ body {
 }
 
 .playpause .pause {
+  display: inline-block;
   border-right: 5px solid #000;
   border-left: 5px solid #000;
   padding: 20px 10px;
 }
 
+/* 
 .stop {
   border-bottom: 1px dashed #fff;
 }
@@ -98,11 +100,11 @@ body {
   background-color: #e74c3c;
   width: 45px;
   height: 45px;
-}
-
+} */
+/* 
 @media screen and (max-width: 500px) {
   .stopwatch span {
-    font-size: 6em;
+    font-size: 3em;
   }
 }
 
@@ -119,4 +121,4 @@ body {
     height: 33%;
     display: block;
   }
-}
+} */

erpnext/projects/doctype/timesheet/timesheet.html

@@ -2,7 +2,7 @@
   <div class="playpause">
     <span class="play"></span>
   </div>
-  <div class="stop">
+  <!-- <div class="stop"> -->
     <span></span>
   </div>
 </div>