From 327c2660d02090f71ac8f3fdce322af6a2890c78 Mon Sep 17 00:00:00 2001
From: Ashwini Save <ashwini@erpnext.com>
Date: Thu, 3 Aug 2017 18:01:39 +0530
Subject: [PATCH] Title display issue in mobile UI #3799 (#3850)

---
 frappe/public/css/mobile.css   | 5 ++++-
 frappe/public/css/page.css     | 2 +-
 frappe/public/less/mobile.less | 5 ++++-
 frappe/public/less/page.less   | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frappe/public/css/mobile.css b/frappe/public/css/mobile.css
index ebcc52084f..9bb3e86321 100644
--- a/frappe/public/css/mobile.css
+++ b/frappe/public/css/mobile.css
@@ -25,6 +25,9 @@ body {
   body[data-route^="Form"] .page-title h1 {
     margin-top: 12px;
   }
+  body[data-route^="Form"] .page-title h1.editable-title {
+    padding-right: 80px;
+  }
   body[data-route^="Form"] .page-title .indicator {
     display: inline-block;
     margin-top: 12px;
@@ -197,7 +200,7 @@ body {
   }
   body[data-route^="Form"] .page-title .title-text {
     font-size: 16px;
-    width: calc(100% - 30px);
+    width: calc(100% - 90px);
   }
   body[data-route^="Form"] .page-title .indicator {
     float: left;
diff --git a/frappe/public/css/page.css b/frappe/public/css/page.css
index f5ccdc5a6a..66a7bbd836 100644
--- a/frappe/public/css/page.css
+++ b/frappe/public/css/page.css
@@ -44,7 +44,6 @@
   vertical-align: middle;
 }
 .page-title .title-image {
-  display: inline-block;
   width: 46px;
   height: 0;
   padding: 23px 0;
@@ -56,6 +55,7 @@
   text-align: center;
   line-height: 0;
   float: left;
+  margin-right: 10px;
 }
 .editable-title .title-text {
   cursor: pointer;
diff --git a/frappe/public/less/mobile.less b/frappe/public/less/mobile.less
index 40d673c169..ec8bd1df88 100644
--- a/frappe/public/less/mobile.less
+++ b/frappe/public/less/mobile.less
@@ -34,6 +34,9 @@ body {
 	body[data-route^="Form"] {
 		.page-title h1 {
 			margin-top: 12px;
+			&.editable-title {
+				padding-right: 80px;
+			}
 		}
 
 		.page-title .indicator {
@@ -230,7 +233,7 @@ body {
 		.page-title {
 			.title-text {
 				font-size: 16px;
-				width: calc(~"100% - 30px");
+				width: calc(~"100% - 90px");
 			}
 			.indicator {
 				float: left;
diff --git a/frappe/public/less/page.less b/frappe/public/less/page.less
index d141c5bc13..5dc338d3ec 100644
--- a/frappe/public/less/page.less
+++ b/frappe/public/less/page.less
@@ -54,7 +54,6 @@
 	}
 
 	.title-image {
-		display: inline-block;
 		width: 46px;
 		height: 0;
 		padding: 23px 0;
@@ -66,6 +65,7 @@
 		text-align: center;
 		line-height: 0;
 		float: left;
+		margin-right: 10px;
 	}
 }