Add horizontal border in writable fields for mobile view #2693 (#3241)

frappe/public/css/form.css

@@ -565,8 +565,14 @@ select.form-control {
   .form-section .section-head {
     padding: 15px 15px 15px 0px;
   }
+  .form-section .section-body .form-column:first-child .radio,
+  .form-section .section-body .form-column:first-child .checkbox {
+    margin-top: 0;
+  }
   .form-column {
     border-bottom: 1px solid #EBEFF2;
+    padding-top: 15px;
+    padding-bottom: 15px;
   }
   .form-column:last-child {
     border-bottom: 0px;
@@ -612,6 +618,7 @@ select.form-control {
   }
   .form-page .form-control {
     border: none;
+    border-bottom: 1px solid #d1d8dd;
     box-shadow: none;
     background-color: inherit;
     height: auto;

frappe/public/less/form.less

@@ -713,10 +713,17 @@ select.form-control {
 		.section-head {
 			padding: 15px 15px 15px 0px;
 		}
+		.section-body .form-column:first-child{
+			.radio, .checkbox{
+				margin-top: 0;
+			}
+		}
 	}
 
 	.form-column {
 		border-bottom: 1px solid @light-border-color;
+		padding-top: 15px;
+		padding-bottom: 15px;
 	}
 
 	.form-column:last-child {
@@ -781,6 +788,7 @@ select.form-control {
 
 		.form-control {
 			border: none;
+			border-bottom: 1px solid @border-color;
 			box-shadow: none;
 			background-color: inherit;
 			height: auto;