feat: TT-578 improve the style of the form element (#823)

* feat: TT-578 improve the style of the form element

Author: iHackN3WTON

src/app/modules/shared/components/details-fields/details-fields.component.html

@@ -65,7 +65,7 @@
             id="uri"
             type="text"
             placeholder="Enter Jira ticket URL"
-            class="form-control"
+            class="url-ticket-input form-control"
             aria-label="Small"
             aria-describedby="inputGroup-sizing-sm"
           />

src/app/modules/shared/components/details-fields/details-fields.component.scss

@@ -119,3 +119,14 @@ input[type="date"]::-webkit-clear-button {
 ::ng-deep .cdk-overlay-container {
   z-index: 1100 !important;
 }
+
+.url-ticket-input {
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+::ng-deep .ngx-timepicker {
+	border: 1px solid #ced4da;
+	border-radius: 0.25rem;
+	padding: 2px;
+}

src/app/modules/time-clock/components/entry-fields/entry-fields.component.html

@@ -20,7 +20,7 @@
       placeholder="Enter Jira ticket URL"
       id="uri"
       formControlName="uri"
-      class="form-control"
+      class="url-ticket-input form-control"
     />
   </div>
 

src/app/modules/time-clock/components/entry-fields/entry-fields.component.scss

@@ -9,3 +9,14 @@
 .hidden {
   display: none;
 }
+
+.url-ticket-input {
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+::ng-deep .ngx-timepicker {
+	border: 1px solid #ced4da;
+	border-radius: 0.25rem;
+	padding: 2px;
+}