fix layout for small resolution

src/app/styles/pages-styles.scss

@@ -596,6 +596,10 @@
 		padding-left: 0;
 		padding-right: 0;
 
+		@media (max-width: 1280px) {
+			flex-direction: column;
+		}
+
 		@media (max-width: 975px) {
 			flex-direction: column;
 			align-items: start;
@@ -603,12 +607,16 @@
 
 		.table-filtres-wrapper {
 			display: flex;
-			flex-direction: column;
+			flex-direction: row;
 			gap: 1rem;
-			width: 100%;
+			width: auto;
 
-			@media (min-width: 768px) {
-				flex-direction: row;
+			&.text-filter-search {
+				flex-grow: 1;
+				justify-content: space-between;
+			}
+
+			@media (max-width: 768px) {
 				width: auto;
 			}
 
@@ -2409,7 +2417,7 @@
 	grid-template-columns: repeat(4, 1fr);
 	gap: 20px;
 	margin-bottom: 30px;
-	max-width: calc(100vw - var(--side-bar-width) - 60px);
+	max-width: calc(100vw - var(--side-bar-width) - 30px);
 
 	@media (max-width: 1400px) {
 		grid-template-columns: repeat(2, 1fr);
@@ -2931,7 +2939,7 @@
 	margin-bottom: 24px;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
-	@media (max-width: 440px) {
+	@media (max-width: 900px) {
 		grid-template-columns: auto;
 		max-width: calc(100vw - var(--side-bar-width) - 30px);
 	}
@@ -4876,11 +4884,21 @@
 	margin-right: auto;
 	position: relative;
 	display: flex;
-	gap: 10px;
 	align-items: center;
 
+	@media (max-width: 850px) {
+		flex-direction: column;
+		align-items: start;
+	}
+
+	@media (max-width: 580px) {
+		display: none;
+	}
+
 	.local-file-check-result {
+		font-size: 14px;
 		cursor: pointer;
+		white-space: nowrap;
 	}
 
 
@@ -4900,6 +4918,7 @@
 		display: flex;
 		box-shadow: 0 10px 40px v.$shadow-1;
 		opacity: 0.8;
+		margin-right: 10px;
 
 		&:hover {
 			box-shadow: 0 5px 5px v.$shadow-1;