From 1cd51644a23e34130ebd3d2ac76c811eb33f2e76 Mon Sep 17 00:00:00 2001
From: DaizyModi <modidaizy5217@gmail.com>
Date: Fri, 6 Oct 2023 15:09:32 +0530
Subject: [PATCH] fix: set css for max width 412px

---
 frappe/public/js/frappe/ui/page.html | 2 +-
 frappe/public/scss/desk/mobile.scss  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frappe/public/js/frappe/ui/page.html b/frappe/public/js/frappe/ui/page.html
index 900d1e96fe..19b0424bf4 100644
--- a/frappe/public/js/frappe/ui/page.html
+++ b/frappe/public/js/frappe/ui/page.html
@@ -1,7 +1,7 @@
 <div class="page-head flex">
 	<div class="container">
 		<div class="row flex align-center page-head-content justify-between">
-			<div class="col-md-4 col-sm-6 col-xs-6 page-title">
+			<div class="col-md-4 col-sm-6 col-xs-7 page-title">
 				<!-- <div class="title-image hide hidden-md hidden-lg"></div> -->
 				<!-- title -->
 				<span class="sidebar-toggle-btn">
diff --git a/frappe/public/scss/desk/mobile.scss b/frappe/public/scss/desk/mobile.scss
index 5575b36a3d..a44468e2f3 100644
--- a/frappe/public/scss/desk/mobile.scss
+++ b/frappe/public/scss/desk/mobile.scss
@@ -387,3 +387,11 @@ body {
 		}
 	}
 }
+
+@media (max-width: 412px) {
+	body[data-route^="Form"] {
+		.page-title .title-text {
+			max-width: 28vw;
+		}
+	}
+}