[design] sidebar attachments width, list item id position in mobile view when no checkbox

frappe/public/css/mobile.css

@@ -22,10 +22,13 @@
     padding-right: 10px;
   }
   .doclist-row .list-row-id {
-    left: 40px;
+    left: 18px;
     text-align: left;
     margin-top: 3px;
   }
+  .doclist-row .doclist-row.has-checkbox .list-row-id {
+    left: 40px;
+  }
   .doclist-row .list-row-indicator {
     position: absolute;
     right: 0px;

frappe/public/css/sidebar.css

@@ -70,6 +70,7 @@ body[data-route^="Module"] .main-menu .form-sidebar {
   position: absolute;
   font-weight: normal;
   right: 0px;
+  padding-bottom: 4px;
 }
 .sidebar-menu .octicon {
   font-size: 12px;

frappe/public/js/frappe/form/footer/attachments.js

@@ -65,7 +65,7 @@ frappe.ui.form.Attachments = Class.extend({
 		var $attach = $(repl('<li class="attachment-row">\
 				<a class="close" data-owner="%(owner)s">&times;</a>\
 				<a href="%(file_url)s" target="_blank" title="%(file_name)s" \
-					class="text-ellipsis" style="width: calc(100% - 43px);">\
+					class="text-ellipsis" style="max-width: calc(100% - 43px);">\
 					<span>%(file_name)s</span></a>\
 			</li>', {
 				file_name: file_name,

frappe/public/js/frappe/list/list_item_row.html

@@ -1,4 +1,4 @@
-<div class="row doclist-row">
+<div class="row doclist-row {% if (data._checkbox) { %} has-checkbox {% } %}">
     <div class="{% if(right_column) { %} col-xs-12 {% } else { %} col-xs-10 {% } %}
 		{% if (list.meta.title_field) { %}
             col-sm-8

frappe/public/js/frappe/list/list_sidebar_stat.html

@@ -8,7 +8,7 @@
 			var stat_label = stat[i][0];
 			var stat_count = stat[i][1];
 	%}
-			<li class="text-muted">
+			<li>
 				<a class="stat-link badge-hover" data-label="{%= stat_label %}" data-field="{%= field %}">
 					<span class="badge">{%= stat_count %}</span>
 					<span>{%= __(stat_label) %}</span>

frappe/public/js/frappe/list/listview.js

@@ -163,7 +163,7 @@ frappe.views.ListView = Class.extend({
 	add_column: function(df) {
 		// field width
 		var colspan = 3;
-		if(in_list(["Int", "Percent", "Select"], df.fieldtype)) {
+		if(in_list(["Int", "Percent"], df.fieldtype)) {
 			colspan = 2;
 		} else if(in_list(["Check", "Image"], df.fieldtype)) {
 			colspan = 1;

frappe/public/less/mobile.less

@@ -30,12 +30,16 @@
 		padding-right: 10px;
 
 		.list-row-id {
-			left: 40px;
+			left: 18px;
 			text-align: left;
 			margin-top: 3px;
 			// left: 83.33333333%;
 		}
 
+		.doclist-row.has-checkbox .list-row-id {
+			left: 40px;
+		}
+
 		.list-row-indicator {
 			position: absolute;
 			right: 0px;

frappe/public/less/sidebar.less

@@ -96,6 +96,7 @@ body[data-route^="Module"] .main-menu {
 		position: absolute;
 		font-weight: normal;
 		right: 0px;
+		padding-bottom: 4px;
 	}
 
 	.octicon {