fixes

src/front/Components/DesignSystem/FolderBoxInformation/classes.module.scss

@@ -14,7 +14,18 @@
 		gap: 32px;
 		width: 100%;
 
-		@media (max-width: $screen-l) {
+		.text-container {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+
+			> :first-child {
+				margin-bottom: 12px;
+			}
+		}
+
+
+		@media (max-width: $screen-ls) {
 			grid-template-columns: 1fr 1fr;
 		}
 

src/front/Components/DesignSystem/FolderListContainer/index.tsx

@@ -28,7 +28,7 @@ export default class FolderListContainer extends React.Component<IProps, IState>
 			<div className={classes["root"]}>
 				<div>
 					<div className={classes["searchbar"]}>
-						<SearchBar folders={this.props.folders} onChange={this.filterFolders} />
+						<SearchBar folders={this.props.folders} onChange={this.filterFolders} placeholder="Chercher un dossier" />
 					</div>
 					<FolderList
 						folders={this.state.filteredFolders}

src/front/Components/DesignSystem/MultiSelect/styles.tsx

@@ -84,8 +84,8 @@ export const styles = {
 			backgroundColor: "transparent",
 		},
 		">svg": {
-			width: "16px",
+			width: "20px",
-			height: "16px",
+			height: "20px",
 		},
 	}),
 	indicatorsContainer: (provided: any) => ({

src/front/Components/DesignSystem/SearchBar/index.tsx

@@ -8,12 +8,17 @@ import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotar
 type IProps = {
 	folders: IDashBoardFolder[];
 	onChange?: (folders: IDashBoardFolder[]) => IDashBoardFolder[];
+	placeholder?: string;
 };
 type IState = {
 	hasValue: boolean;
 };
 
 export default class SearchBar extends React.Component<IProps, IState> {
+	static defaultProps = {
+		placeholder: "Search",
+	};
+
 	public constructor(props: IProps) {
 		super(props);
 		this.state = {
@@ -28,7 +33,7 @@ export default class SearchBar extends React.Component<IProps, IState> {
 				<Image src={LoopIcon} alt="Loop icon" />
 				{!this.state.hasValue && (
 					<Typography typo={ITypo.P_ERR_18}>
-						<div className={classes["fake-placeholder"]}>Select</div>
+						<div className={classes["fake-placeholder"]}>{this.props.placeholder}</div>
 					</Typography>
 				)}
 				<input type="text" placeholder="" className={classes["input"]} onChange={this.onChange} />

src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx

@@ -1,3 +1,4 @@
+import "reflect-metadata";
 import ChevronIcon from "@Assets/Icons/chevron.svg";
 import FolderListContainer from "@Front/Components/DesignSystem/FolderListContainer";
 import Header from "@Front/Components/DesignSystem/Header";
@@ -11,8 +12,6 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 
-import "reflect-metadata";
-
 type IProps = {
 	title: string;
 	children?: ReactNode;

src/front/Components/Layouts/Folder/AddClientToFolder/classes.module.scss

@@ -6,6 +6,10 @@
 	min-height: 100%;
 	align-items: flex-start;
 
+	.back-arrow {
+		margin-bottom: 24px;
+	}
+
 	.radiobox-container {
 		margin: 32px 0;
 	}

src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx

@@ -44,7 +44,9 @@ class AddClientToFolderClass extends BasePage<IProps, IState> {
 		return (
 			<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
 				<div className={classes["root"]}>
-					<BackArrow url={"/dossier/".concat(this.props.selectedFolderUid)} />
+					<div className={classes["back-arrow"]}>
+						<BackArrow url={"/dossier/".concat(this.props.selectedFolderUid)} />
+					</div>
 					<Typography typo={ITypo.H1Bis}>Associer un ou plusieurs client(s)</Typography>
 					<Form>
 						<div className={classes["radiobox-container"]}>

src/front/Components/Layouts/Login/classes.module.scss

@@ -3,6 +3,7 @@
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
+	height: 100%;
 
 	.title {
 		margin: 32px 0;