change colors and styles for complaint/case form

src/app/styles/violation-details.scss

@@ -142,11 +142,11 @@
 	}
 
 	.btn-primary-small {
-		border: 2px solid v.$status-in-work;
-		color: v.$status-in-work;
+		border: 2px solid v.$status-showed;
+		color: v.$status-showed;
 
 		&:hover {
-			background: v.$status-in-work;
+			background: v.$status-showed;
 			color: white;
 		}
 	}
@@ -292,6 +292,15 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+
+		.pagination-controls-pages button,
+		.pagination-controls .arrow {
+			color: v.$text-p;
+
+			&.current {
+				background-color: #e9ecef;
+			}
+		}
 	}
 
 	.source-status {
@@ -823,21 +832,42 @@
 		}
 	}
 
+
+	.note-form-flex {
+		display: flex;
+		gap: 10px;
+	}
+
+	.note-case-label {
+		font-weight: 600;
+		display: block;
+		background: #e9ecef;
+		color: v.$text-p;
+		padding: 5px 10px;
+	}
+
+	.note-case-input,
 	.note-textarea {
-		width: 100%;
-		min-height: 80px;
-		padding: 10px 20px;
-		border: 1px solid v.$border-color-1;
-		border-radius: 8px;
-		font-family: inherit;
-		resize: vertical;
+		background: v.$white;
 		box-sizing: border-box;
-		background: #f8fafc;
+		padding: 10px 20px;
+		border-radius: 0 0 8px 8px;
+
+		&:hover {
+			background: v.$bg-light;
+		}
 
 		&:focus {
 			outline: none;
-			box-shadow: 2px 2px 4px v.$shadow-1;
 		}
+	}
+
+	.note-textarea {
+		width: 100%;
+		min-height: 80px;
+		font-family: inherit;
+		resize: none;
+		vertical-align: top;
 
 		&-wrapper {
 			display: flex;
@@ -846,43 +876,32 @@
 		}
 	}
 
-	.note-form-flex {
-		display: flex;
-		gap: 10px;
-		margin-bottom: 10px;
-	}
-
 	.note-case-input {
-		border: 1px solid v.$border-color-1;
-		border-radius: 8px;
-		box-sizing: border-box;
-		background: #f8fafc;
-		padding: 10px 20px;
 
 		&::-webkit-outer-spin-button,
 		&::-webkit-inner-spin-button {
 			-webkit-appearance: none;
 			margin: 0;
 		}
-
-		&:focus {
-			outline: none;
-			box-shadow: 2px 2px 4px v.$shadow-1;
-		}
-
-		&::placeholder {
-			font-size: 12px;
-		}
-	}
-
-	.note-case-label {
-		font-weight: 600;
 	}
 
 	.note-form-group {
+		border: 1px solid #e9ecef;
+		box-sizing: border-box;
+		padding: 0px;
+		border-radius: 8px;
+		margin-bottom: 10px;
+		overflow: hidden;
+
 		input {
 			display: block;
 		}
+
+		input[name="amount"] {
+			&::placeholder {
+				font-size: 12px;
+			}
+		}
 	}
 }