fix violation table styles

src/app/styles/violation-details.scss

@@ -1,12 +1,18 @@
 @use './variable.scss' as v;
 
 :root {
-	--violation-info-indents: 32px;
+	--violation-info-indents: 30px;
+}
+
+@media (max-width: 1480px) {
+	:root {
+		--violation-info-indents: 20px;
+	}
 }
 
 @media (max-width: 1240px) {
 	:root {
-		--violation-info-indents: 16px;
+		--violation-info-indents: 15px;
 	}
 }
 
@@ -408,7 +414,7 @@
 			flex: 1;
 			min-height: 0;
 			height: 100%;
-			overflow: hidden;
+			overflow: auto;
 		}
 
 		&-grid {
@@ -441,8 +447,8 @@
 		}
 
 		&-image {
-			width: 300px;
-			height: 200px;
+			width: 285px;
+			height: 190px;
 			position: relative;
 			background: #f5f5f5;
 			border-radius: 8px;
@@ -467,6 +473,8 @@
 			justify-content: center;
 			position: absolute;
 			bottom: 5px;
+			left: 50%;
+			transform: translateX(-50%);
 
 			.image-btn {
 				width: 36px;
@@ -917,14 +925,17 @@
 		}
 	}
 
+	.note-form-section {
+		overflow: hidden;
+		margin-bottom: var(--violation-info-indents);
+		width: 100%;
+	}
+
 	.note-form-group {
 		border: 1px solid #e9ecef;
 		box-sizing: border-box;
 		padding: 0px;
 		border-radius: 8px;
-		margin-bottom: var(--violation-info-indents);
-		overflow: hidden;
-		width: 100%;
 
 		input {
 			display: block;