CST-11048 Form Styling

src/app/admin/admin-ldn-services/ldn-service-form-edit/ldn-service-form-edit.component.scss

@@ -1,41 +1,38 @@
-
 form {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  margin: 0 auto;
-  max-width: 600px;
+  max-width: 800px;
   font-size: 14px;
+  margin-left: 300px;
+
+  & > * {
+    width: 100%;
+  }
 }
 
-
-.form-group input[type="text"],
-.form-group select {
+input[type="text"],
+select {
   max-width: 100%;
   width: 100%;
   padding: 8px;
-  margin-bottom: 5px;
-  box-sizing: border-box;
   font-size: 14px;
 }
 
-
-.description {
-  height: 9em;
-  width: 100%;
-}
-
-
-.form-group select {
-  position: relative;
-  z-index: 1;
-}
-
-
-.form-group select option {
+option:not(:first-child) {
   font-weight: bold;
 }
 
+.trash-button {
+  width: 40px;
+  height: 40px;
+}
+
+textarea {
+  height: 200px;
+  resize: none;
+}
+
 .add-pattern-link{
   color: #0048ff;
   cursor: pointer;
@@ -47,5 +44,56 @@ form {
   margin-left: 10px;
 }
 
+.status-checkbox {
+  margin-top: 5px;
+}
+
+
+.invalid-field {
+  border: 1px solid red;
+  background-color: #e89f9f;
+  color: #000000;
+}
+
+.toggle-switch {
+  display: flex;
+  align-items: center;
+  opacity: 0.8;
+  position: relative;
+  width: 60px;
+  height: 30px;
+  background-color: #ccc;
+  border-radius: 15px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.toggle-switch.checked {
+  background-color: #24cc9a;
+}
+
+.slider {
+  position: absolute;
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background-color: #fff;
+  transition: transform 0.3s;
+}
+
+
+
+.toggle-switch .slider {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  margin: 0 auto;
+}
+
+.toggle-switch.checked .slider {
+  transform: translateX(30px);
+}
+
+