edit small screen layout

src/app/styles/pages-styles.scss

@@ -941,6 +941,10 @@
 		grid-template-columns: auto;
 	}
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
+
 	.stat-card {
 		background: white;
 		padding: 18px;
@@ -1008,6 +1012,10 @@
 	text-align: center;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
+
 	.referral-link-input {
 		display: flex;
 		gap: 15px;
@@ -1032,6 +1040,10 @@
 			align-items: center;
 			justify-content: center;
 			white-space: nowrap;
+
+			@media (max-width: 490px) {
+				font-size: 10px;
+			}
 		}
 
 		.copy-btn {
@@ -1276,6 +1288,16 @@
 		margin-bottom: 30px;
 		border: none;
 
+
+		@media (max-width: 440px) {
+			padding: 0;
+			box-shadow: none;
+		}
+
+		.settings-form-wrapper {
+			width: 100%;
+		}
+
 		.form-group {
 			margin-bottom: 20px;
 
@@ -1284,6 +1306,10 @@
 				margin-bottom: 8px;
 				font-weight: 600;
 				color: v.$text-s;
+
+				@media (max-width: 440px) {
+					font-size: 12px;
+				}
 			}
 
 			input,
@@ -1294,6 +1320,11 @@
 				border-radius: 10px;
 				font-size: 14px;
 				transition: border-color 0.3s;
+
+				@media (max-width: 440px) {
+					font-size: 12px;
+					padding: 10px;
+				}
 			}
 		}
 
@@ -1302,6 +1333,10 @@
 			align-items: center;
 			gap: 10px;
 			margin-bottom: 15px;
+
+			@media (max-width: 440px) {
+				font-size: 14px;
+			}
 		}
 
 		.btn-primary {
@@ -1322,6 +1357,7 @@
 	grid-template-columns: repeat(5, 1fr);
 	gap: 20px;
 	margin-bottom: 40px;
+	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
 	.stat-card.matches {
 		--card-color-1: #3b82f6;
@@ -1420,6 +1456,11 @@
 	@media (max-width: 860px) {
 		grid-template-columns: repeat(2, 1fr);
 	}
+
+	@media (max-width: 440px) {
+		grid-template-columns: auto;
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
 }
 
 .dashboard-main-grid {
@@ -1453,6 +1494,14 @@
 			max-width: calc(100vw - var(--side-bar-width) - 60px);
 		}
 	}
+
+	@media (max-width: 440px) {
+
+		.left-column,
+		.right-column {
+			max-width: calc(100vw - var(--side-bar-width) - 30px);
+		}
+	}
 }
 
 .content-section {
@@ -1591,6 +1640,8 @@
 	grid-template-columns: repeat(4, 1fr);
 	gap: 20px;
 	margin-bottom: 40px;
+	width: 100%;
+	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
 	.type-card.images {
 		--card-color-1: #ff6b8a;
@@ -1705,6 +1756,11 @@
 	@media (max-width: 1360px) {
 		grid-template-columns: repeat(2, 1fr);
 	}
+
+	@media (max-width: 440px) {
+		grid-template-columns: auto;
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
 }
 
 .dashboard-limits-section {
@@ -1891,6 +1947,12 @@
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
+	max-width: calc(100vw - var(--side-bar-width) - 60px);
+
+	@media (max-width: 440px) {
+		flex-direction: column;
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
 
 	.last-check-title {
 		font-size: 14px;
@@ -2143,6 +2205,10 @@
 	margin-bottom: 2rem;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
+
 	&-stat-card {
 		background: white;
 		padding: 1.5rem;
@@ -2262,6 +2328,10 @@
 	box-shadow: 0 10px 40px rgba(99, 102, 241, 0.1);
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
+
 	.my-cases-header {
 		display: flex;
 		align-items: center;
@@ -2419,6 +2489,11 @@
 	gap: 24px;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+		flex-direction: column;
+	}
+
 	.check-all-left {
 		flex: 1;
 		position: relative;
@@ -2474,6 +2549,10 @@
 	margin-bottom: 24px;
 	max-width: calc(100vw - var(--side-bar-width) - 60px);
 
+	@media (max-width: 440px) {
+		max-width: calc(100vw - var(--side-bar-width) - 30px);
+	}
+
 	.section-header {
 		display: flex;
 		align-items: center;