style: TT-582 add a border radius to current elapsed time box

Author: LuisMS7

src/app/modules/time-clock/components/time-entries-summary/time-entries-summary.component.css

@@ -1,8 +1,9 @@
-.current{
+.current-elapsed-time-box{
   border-color: #FF5E0A;
   border-width: 2px;
   background-color: #FF5E0A;
   color: white;
+  border-radius: .25rem;
 }
 
 .clock-out{
@@ -14,12 +15,11 @@
   color: #fff;
   padding: 7px 20px;
 }
+
 .bt-clock-out:hover{
   background: #10a5ce;
   box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.56);
--webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.56);
--moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.56);
+  -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.56);
+  -moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.56);
   color: #fff;
 }
-
-

src/app/modules/time-clock/components/time-entries-summary/time-entries-summary.component.html

@@ -6,15 +6,15 @@
     </p>
   </div>
   <div class="col-2 col-sm-3">
-    <div class="current d-flex flex-column justify-content-center align-items-center" style="width: 50%">
+    <div class="current-elapsed-time-box d-flex flex-column justify-content-center align-items-center" style="width: 50%">
       <h6>Current</h6>
       <h3>{{ currentWorkingTime }}</h3>
     </div>
   </div>
   <div class="col-7 clock-out">
-    <button 
-      class="btn bt-clock-out" 
-      type="button" 
+    <button
+      class="btn bt-clock-out"
+      type="button"
       (click)="clockOut()">
         Clock Out
     </button>
@@ -24,7 +24,7 @@ <h3>{{ currentWorkingTime }}</h3>
 <h6 class="text-left"><strong>Summary</strong></h6>
 <hr class="mb-4" />
 <div class ="container px-0">
-  
+
   <div class="row pb-4">
     <div class="col-12 col-sm-4">
       <h6>Day</h6>
@@ -39,5 +39,5 @@ <h6>Month</h6>
       <h3>{{ timeEntriesSummary?.month | timeDetails }}</h3>
     </div>
   </div>
-  
+
 </div>