From 532e2e2dcd8b8e46dc2cb436afb86f5977db82ac Mon Sep 17 00:00:00 2001
From: pratu16x7 <pratu16x7@gmail.com>
Date: Fri, 22 Sep 2017 01:05:17 +0530
Subject: [PATCH] [navbar] layout fixes

---
 frappe/public/css/desk.css     |  5 ++++-
 frappe/public/css/mobile.css   |  9 +++++----
 frappe/public/css/navbar.css   | 10 ++++++----
 frappe/public/less/desk.less   |  6 +++++-
 frappe/public/less/mobile.less | 15 +++++++--------
 frappe/public/less/navbar.less | 10 ++++++----
 6 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/frappe/public/css/desk.css b/frappe/public/css/desk.css
index 8b1dacd667..b2ff1bbd06 100644
--- a/frappe/public/css/desk.css
+++ b/frappe/public/css/desk.css
@@ -522,7 +522,7 @@ a.progress-small .progress-bar {
   background-color: #98d85b;
 }
 li.user-progress .progress-chart {
-  width: 60px;
+  width: 50px;
   margin-top: 8px;
 }
 li.user-progress .progress {
@@ -544,6 +544,9 @@ li.user-progress .progress-bar {
     margin-top: 0px;
     margin-left: 2px;
   }
+  li.user-progress .progress-chart {
+    width: 25px;
+  }
 }
 .msg-box {
   padding: 30px 15px;
diff --git a/frappe/public/css/mobile.css b/frappe/public/css/mobile.css
index cc5b926f13..f21407b636 100644
--- a/frappe/public/css/mobile.css
+++ b/frappe/public/css/mobile.css
@@ -67,6 +67,10 @@ body {
   #navbar-breadcrumbs {
     margin: 0px;
     display: inline-block;
+    max-width: 150px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
   #navbar-breadcrumbs > li,
   #navbar-breadcrumbs > li > a {
@@ -187,11 +191,8 @@ body {
   }
 }
 @media (max-width: 991px) and (max-width: 480px) {
-  #navbar-breadcrumbs li a {
+  #navbar-breadcrumbs li > a {
     width: 100px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
   }
 }
 @media (max-width: 767px) {
diff --git a/frappe/public/css/navbar.css b/frappe/public/css/navbar.css
index f68908d7d0..c64e71314b 100644
--- a/frappe/public/css/navbar.css
+++ b/frappe/public/css/navbar.css
@@ -133,6 +133,7 @@
   background-color: #ff5858;
 }
 .navbar-form .awesomplete {
+  margin-left: -15px;
   width: 300px;
 }
 @media (max-width: 1199px) {
@@ -195,13 +196,14 @@
 }
 #navbar-breadcrumbs > li > a {
   padding: 6px 15px 10px 0px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 170px;
 }
 @media (min-width: 991px) and (max-width: 1199px) {
   #navbar-breadcrumbs > li > a {
-    max-width: 143px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    max-width: 120px;
   }
 }
 .toolbar-user-fullname {
diff --git a/frappe/public/less/desk.less b/frappe/public/less/desk.less
index 786c05461b..14343d3332 100644
--- a/frappe/public/less/desk.less
+++ b/frappe/public/less/desk.less
@@ -350,7 +350,7 @@ a.progress-small {
 
 li.user-progress {
 	.progress-chart {
-		width: 60px;
+		width: 50px;
 		margin-top: 8px;
 	}
 
@@ -377,6 +377,10 @@ li.user-progress {
 	  margin-top: 0px;
 	  margin-left: 2px;
 	}
+
+	li.user-progress .progress-chart {
+		width: 25px;
+	}
 }
 
 .msg-box {
diff --git a/frappe/public/less/mobile.less b/frappe/public/less/mobile.less
index 3c93a88177..63996f31ad 100644
--- a/frappe/public/less/mobile.less
+++ b/frappe/public/less/mobile.less
@@ -90,15 +90,14 @@ body {
 	#navbar-breadcrumbs {
 		margin: 0px;
 		display: inline-block;
+		max-width: 150px;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 
 		@media(max-width: 480px) {
-			li {
-				a {
-					width: 100px;
-					overflow: hidden;
-					white-space: nowrap;
-					text-overflow: ellipsis;
-				}
+			li > a {
+				width: 100px;
 			}
 		}
 	}
@@ -457,7 +456,7 @@ body {
 				}
 				.reply {
 					padding: 10px;
-				}	
+				}
 				.commented-on-small{
 					display: inline-block;
 				}
diff --git a/frappe/public/less/navbar.less b/frappe/public/less/navbar.less
index 8d3619d58d..52e71143b7 100644
--- a/frappe/public/less/navbar.less
+++ b/frappe/public/less/navbar.less
@@ -161,6 +161,7 @@
 }
 
 .navbar-form .awesomplete {
+	margin-left: -15px;
 	width: 300px;
 
 	@media (max-width: @screen-md) {
@@ -218,12 +219,13 @@
 
 #navbar-breadcrumbs > li > a {
 	padding: 6px 15px 10px 0px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	max-width: 170px;
 
 	@media (min-width:991px) and (max-width: 1199px) {
-		max-width: 143px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
+		max-width: 120px;
 	}
 }