merge

app/src/plugins/app/_theme/global.sass

@@ -29,11 +29,6 @@
 	padding: 5px 20px
 	min-width: 50px
 
-.description-detail
-	background: rgba(0, 0, 0, 0.04)
-	color: rgba(0, 0, 0, 0.6)
-	height: fit-content
-
 .employee-selected-avatar
 	background: #6200EE
 	color: #fff
@@ -115,4 +110,41 @@ input[type="time"]::-webkit-calendar-picker-indicator
 @media (max-width: 534px)
 	.mobile-view
 		flex-direction: column
-		gap: 20px
+		gap: 20px
+
+.description-detail
+	background: rgba(0, 0, 0, 0.04)
+	color: rgba(0, 0, 0, 0.6)
+	height: fit-content
+
+	$indentSize: 15px
+	
+	li
+		margin-left: $indentSize
+
+		&.ql-indent-1
+			margin-left: 2 * $indentSize
+
+		&.ql-indent-2
+			margin-left: 3 * $indentSize
+		
+		&.ql-indent-3
+			margin-left: 4 * $indentSize
+
+		&.ql-indent-4
+			margin-left: 5 * $indentSize
+		
+		&.ql-indent-5
+			margin-left: 6 * $indentSize
+		
+		&.ql-indent-6
+			margin-left: 7 * $indentSize
+		
+		&.ql-indent-7
+			margin-left: 8 * $indentSize
+		
+		&.ql-indent-8
+			margin-left: 9 * $indentSize
+		
+		&.ql-indent-9
+			margin-left: 10 * $indentSize