my data css

frontend/src/resources/css/components-lkrp.css

@@ -12,18 +12,7 @@
     .form-group {
 	    display: block;	
     	margin-bottom: 0; 
-    }
+    }   
-	.component-float {
-		display: block;
-		width: auto;
-	}
-	input {
-		font-size: var(--size-text-title);
-		height: auto;
-		padding: 0;
-		border: 0;
-		background-color: transparent;
-	}    
 }
 
 .webbpm.ervu_lkrp_ul .subtitle {
@@ -72,23 +61,6 @@
     text.icon-cross::before {
     	background-image: url(../img/svg/cross-wt.svg);
     }
-    .info {
-		float: none !important;
-	    display: flex;
-	    justify-content: flex-end;
-	    margin-left: auto;
-
-	    .btn {
-	    	width: 24px;
-	    	height: 24px;
-	    	padding: 0;
-	    	background-color: transparent !important;
-	    	background-image: url(../img/svg/info.svg);	    	
-	    }
-	    .tooltip-inner {
-	    	max-width: 600px;
-	    }	
-    }
 }
 
 .webbpm.ervu_lkrp_ul .btn {
@@ -160,9 +132,13 @@
     padding: 16px;
     border-radius: 4px;
 
+    .form-group {
+    	margin-bottom: 0;
+    }
     .warn-title {
     	font-family: 'InterSB';
     }
+    button-component:not(.info):not(.link),
     static-route-navigation-button:not(.info):not(.link) {
     	padding-top: 0 !important;
     	margin-top: 16px;
@@ -182,6 +158,65 @@
 			}
 	    }
     }
+    & + field-set {
+    	margin-top: var(--indent-medium);
+    }
+}
+
+.webbpm.ervu_lkrp_ul .link .btn {
+	color: var(--color-link);
+	padding: 0;
+	background: transparent !important;
+
+	&:not(:disabled):not(.disabled):hover,
+	&:not(:disabled):not(.disabled):active,
+	&:not(:disabled):not(.disabled):focus {
+		color: var(--color-link-hover);
+	}
+}
+
+.webbpm.ervu_lkrp_ul .info {
+	float: none !important;
+    display: flex;
+    justify-content: flex-end;
+    margin-left: auto;
+
+    .btn {
+    	width: 24px;
+    	height: 24px;
+    	padding: 0;
+    	background-color: transparent !important;
+    	background-image: url(../img/svg/info.svg);	    	
+    }
+    .tooltip-inner {
+    	max-width: 600px;
+    }	
+}
+
+.webbpm.ervu_lkrp_ul .data-group {
+	.form-group {
+		flex-direction: column;
+		
+		label {
+	    	color: var(--color-text-secondary);
+	    	padding-top: 0;
+	    	white-space: nowrap;
+		}		
+	}
+}
+
+.webbpm.ervu_lkrp_ul .paragraph-group {
+	& > .vertical-container > * {
+		margin-bottom: 16px;
+		&:last-child {
+			margin-bottom: 0;	
+		}
+	}
+	& + .paragraph-group {
+		padding-top: 24px;
+	    margin-top: 24px;
+	    border-top: 1px solid var(--border-light);
+	}	
 }
 
 .webbpm.ervu_lkrp_ul .fieldset {
@@ -197,84 +232,59 @@
     }
     .form-group {
     	margin-bottom: 0;
-    }
-	hbox:not(.subtitle) > .horizontal-container {
-		flex-wrap: wrap;
-	}
-    .link .btn {
-    	color: var(--color-link);
-    	padding: 0;
-		background: transparent !important;
-
-		&:not(:disabled):not(.disabled):hover,
-		&:not(:disabled):not(.disabled):active,
-		&:not(:disabled):not(.disabled):focus {
-			color: var(--color-link-hover);
-		}
-    }	
-    input {
-		height: auto;
-        min-height: auto;    	
-    	padding: 0;
-    	border: 0;
-    	background-color: transparent; 
-
-    	& + .input-group-addon {
-    		display: none;
-    	}
-    }
-    text-field {
-    	.form-group {
-			width: 100%;
-
-			.component-float {
-				width: 100%;
-			}
-		}
     }
     .lined {
-		padding-top: 24px;
+		padding-top: 16px;
         margin-top: 16px;
         border-top: 1px solid var(--border-light);   	
     }
 }
 
-.webbpm.ervu_lkrp_ul .left-block .fieldset {
+.webbpm.ervu_lkrp_ul :is(.fieldset, .warning-group) hbox:not(.subtitle) > .horizontal-container {
-    hyper-link .link {
+	flex-wrap: wrap;
-    	color: var(--color-text-primary);
+}
-    	font-size: var(--size-text-secondary);
+
-    	padding-left: 20px;
+.webbpm.ervu_lkrp_ul .left-block {
-    	background: url(../img/svg/pin.svg) 0 50% no-repeat;
-    }    
-    hyper-link, button-component:not(.info):not(.link) {
-		display: block;
-		padding-top: 24px;
-		margin-top: 16px;
-		border-top: 1px solid var(--border-light);
-    }
-	hyper-link + hyper-link {
-		padding-top: 0;
-    	margin-top: 12px;
-		border: 0;
-    }
     .link .btn {
     	font-size: var(--size-text-primary);
     }
+	.fieldset {
+	    hyper-link .link {
+	    	color: var(--color-text-primary);
+	    	font-size: var(--size-text-secondary);
+	    	padding-left: 20px;
+	    	background: url(../img/svg/pin.svg) 0 50% no-repeat;
+	    }    
+	    hyper-link, button-component:not(.info):not(.link) {
+			display: block;
+			padding-top: 24px;
+			margin-top: 16px;
+			border-top: 1px solid var(--border-light);
+	    }
+		hyper-link + hyper-link {
+			padding-top: 0;
+	    	margin-top: 12px;
+			border: 0;
+	    }
+	}
 }
 
-.webbpm.ervu_lkrp_ul .right-block .fieldset {
+.webbpm.ervu_lkrp_ul .right-block field-set {
-	font-size: var(--size-text-secondary);
+	font-size: var(--size-text-secondary);	
-	padding-top: 52px;
 
-    &::before {
+    &:first-child .fieldset {
-        content: "";
+		padding-top: 52px;
-        position: absolute;
+		
-        top: 20px;
+	    &::before {
-        left: 20px;
+	        content: "";
-    	width: 24px;
+	        position: absolute;
-	    height: 24px;
+	        top: 20px;
-    	background-image: url(../img/svg/doc.svg);   		
+	        left: 20px;
-    }
+	    	width: 24px;
+		    height: 24px;
+	    	background-image: url(../img/svg/doc.svg);   		
+	    }		
+	}
 }
 
 .webbpm.ervu_lkrp_ul field-set + field-set {
@@ -343,7 +353,7 @@
 
 				& > div, .btn {
 					width: 100%;
-				}				
+				}
 		    }
 		    button-component.info {
 		    	display: none;
@@ -356,4 +366,7 @@
     }  
 }
 
-
+/* temp fix*/
+.webbpm.ervu_lkrp_ul :is(.fieldset, .warning-group) .horizontal-container text + button-component:not(.info):not(.link) {
+	margin-top: -2px;	
+}

frontend/src/resources/css/inbox-lkrp.css

@@ -31,6 +31,7 @@ body {
 
 .webbpm.ervu_lkrp_ul {
     --color-text-primary: #1d1e21;
+    --color-text-secondary: #acacac;
     --color-link: #c64e1b;
     --color-link-hover: #fa773f;
     --color-bg-main: #223d36;
@@ -51,6 +52,7 @@ body {
     --indent-big: 40px;
     --indent-medium: 32px;
     --indent-small: 24px;
+    --indent-mini: 16px;
 }
 
 .webbpm.ervu_lkrp_ul a {