fix: improvements for mobile view

frappe/public/js/frappe/form/templates/form_sidebar.html

@@ -25,6 +25,10 @@
 	<li class="rating-icons"></li>
 </ul>
 <ul class="list-unstyled sidebar-menu">
+	<li class="visible-sm visible-xs">
+		<a class="navbar-home " href="#"><img class="erpnext-icon" src="http://group.local:8000/assets/erpnext/images/erp-icon.svg"></a>
+	</li>
+	<li class="divider visible-sm visible-xs"></li>
 	<li style="position: relative;">
 		<a class="sidebar-comments badge-hover">
 			<span>{%= __("Comments") %}</span>

frappe/public/js/frappe/list/list_sidebar.html

@@ -3,6 +3,10 @@
 </ul>
 <ul class="list-unstyled sidebar-menu standard-actions">
 	{% if frappe.model.can_get_report(doctype) %}
+	<li class="visible-sm visible-xs">
+		<a class="navbar-home " href="#"><img class="erpnext-icon" src="http://group.local:8000/assets/erpnext/images/erp-icon.svg"></a>
+	</li>
+	<li class="divider visible-sm visible-xs"></li>
 	<li class="list-link">
 		<div class="btn-group">
 			<a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

frappe/public/js/frappe/ui/toolbar/navbar.html

@@ -80,7 +80,7 @@
 							<div class="input-group" style="width: 100%">
 								<input id="modal-search" type="text" class="form-control"
 								placeholder="{%= __("Search or type a command") %}" aria-haspopup="true">
-								<button type="reset" class="close"><i class="octicon octicon-x"></i></button>
+								<button type="reset" class="close" data-dismiss="modal"><i class="octicon octicon-x"></i></button>
 							</div>
 						</form>
 					</div>

frappe/public/less/form.less

@@ -915,14 +915,9 @@ select.form-control {
 		// }
 
 		.form-control {
-			border: none;
-			border-bottom: 1px solid @border-color;
-			box-shadow: none;
-			background-color: inherit;
 			height: auto;
 			padding: 0px;
 			margin-bottom: 7px;
-			border-radius: 0px;
 
 			// make all fields left-aligned!
 			text-align: left !important;

frappe/public/less/mobile.less

@@ -40,7 +40,7 @@ body {
 		}
 
 		.page-title .indicator {
-			display: inline-block;
+			display: none;
 			margin-top: 12px;
 		}
 

frappe/public/less/page.less

@@ -177,7 +177,7 @@ select.input-sm {
 
 @media(max-width: @screen-xs) {
 	.page-actions {
-		max-width: 150px;
+		position: absolute;
 		float: right;
 	}