fixes

Author: Lizvinskyi0202

client/src/app/core/formcomponents/password/password.component.scss

@@ -41,12 +41,11 @@
 }
 
 .eye {
-	position: relative;
 	cursor: pointer;
 	span {
 		position: absolute;
-		top: -32px;
-		right: 10px;
+		top: 44px;
+		right: 40px;
 		font-size: 22px;
 		color: var(--c-text-primary);
 	}

client/src/app/pages/guest/document/document.component.html

@@ -250,7 +250,7 @@
 										Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio nesciunt voluptates reiciendis sequi assumenda? Illo porro qui ducimus sint provident amet, molestias ut eligendi quod cumque, laudantium dicta quasi. Iure!
 									</div>
 									<div class="documents-products__btn">
-										<wbutton _ngcontent-ng-c695243315="" class="w-btn _primary ng-star-inserted"><button ng-reflect-ng-class="[object Object]" type="submit" class="w-btn _primary"> Create </button></wbutton>
+										<wbutton type="primary">Hello World</wbutton>
 									</div>
 								</div>
 							</div>
@@ -266,7 +266,7 @@
 										Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio nesciunt voluptates reiciendis sequi assumenda? Illo porro qui ducimus sint provident amet, molestias ut eligendi quod cumque, laudantium dicta quasi. Iure!
 									</div>
 									<div class="documents-products__btn">
-										<wbutton _ngcontent-ng-c695243315="" class="w-btn _primary ng-star-inserted"><button ng-reflect-ng-class="[object Object]" type="submit" class="w-btn _primary"> Create </button></wbutton>
+										<wbutton type="primary">Hello World</wbutton>
 									</div>
 								</div>
 							</div>
@@ -282,12 +282,17 @@
 										Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio nesciunt voluptates reiciendis sequi assumenda? Illo porro qui ducimus sint provident amet, molestias ut eligendi quod cumque, laudantium dicta quasi. Iure!
 									</div>
 									<div class="documents-products__btn">
-										<wbutton _ngcontent-ng-c695243315="" class="w-btn _primary ng-star-inserted"><button ng-reflect-ng-class="[object Object]" type="submit" class="w-btn _primary"> Create </button></wbutton>
+										<wbutton type="primary">Hello World</wbutton>
 									</div>
 								</div>
 							</div>
 						</div>
 					</div>
+					<div class="documents-main-row">
+						<wform
+						[config]="formDoc"
+					></wform>
+					</div>
 				</div>
 			</div>
 		</div>

client/src/app/pages/guest/document/document.component.ts

@@ -1,15 +1,84 @@
 import { Component } from '@angular/core';
 import { UserService } from 'src/app/modules/user/services/user.service';
-
+import { FormInterface } from 'src/app/core/modules/form/interfaces/form.interface';
+import { FormService } from 'src/app/core/modules/form/form.service';
 @Component({
 	templateUrl: './document.component.html',
 	styleUrls: ['./document.component.scss'],
 	standalone: false
 })
 export class DocumentComponent {
+			formDoc: FormInterface = this._form.getForm('docForm', {
+			formId: 'docForm',
+			title: 'Doc form',
+			components: [
+				{
+					name: 'Text',
+					key: 'name',
+					focused: true,
+					fields: [
+						{
+							name: 'Placeholder',
+							value: 'Enter your name'
+						},
+						{
+							name: 'Label',
+							value: 'Name'
+						}
+					]
+				},
+				{
+					name: 'Text',
+					key: 'phone',
+					fields: [
+						{
+							name: 'Placeholder',
+							value: 'Enter your phone'
+						},
+						{
+							name: 'Label',
+							value: 'Phone'
+						}
+					]
+				},
+				{
+					name: 'Text',
+					key: 'bio',
+					fields: [
+						{
+							name: 'Placeholder',
+							value: 'Enter your bio'
+						},
+						{
+							name: 'Label',
+							value: 'Bio'
+						},
+						{
+							name: 'Textarea',
+							value: true
+						}
+					]
+				},
+				{
+					name: 'Button',
+					fields: [
+						{
+							name: 'Label',
+							value: "Let's go"
+						},
+						{
+							name: 'Submit',
+							value: true
+						}
+					]
+				}
+			]
+		});
 	isMenuOpen = false;
 
-	constructor(public userService: UserService) {}
+	constructor(public userService: UserService,private _form: FormService) {
+		
+	}
 
 	back(): void {
 		window.history.back();

client/src/scss/layout/_base.scss

@@ -306,7 +306,7 @@ wform {
         */
 	}
 	&-container {
-		max-width: 1260px;
+		max-width: 100%;
 		width: 100%;
 		margin: 0 auto;
 		height: 100%;
@@ -487,6 +487,7 @@ wform {
 			flex-flow: column wrap;
 			padding: 15px;
 			background-color: var(--doc-products);
+			border-radius: 6px;
 		}
 		&__img{
 			img{