From e2f70482d4397f047bfbe4cbff879eae342518bc Mon Sep 17 00:00:00 2001
From: prssanna <prssud@gmail.com>
Date: Tue, 11 Aug 2020 12:17:22 +0530
Subject: [PATCH] feat: update form print container style

---
 .../frappe/form/templates/print_layout.html   |  6 ++---
 frappe/public/scss/form_print.scss            | 27 +++++++++++++++++++
 frappe/public/scss/main.scss                  |  1 +
 frappe/templates/styles/standard.css          |  4 +--
 4 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 frappe/public/scss/form_print.scss

diff --git a/frappe/public/js/frappe/form/templates/print_layout.html b/frappe/public/js/frappe/form/templates/print_layout.html
index 568bcd830b..0f65706a89 100644
--- a/frappe/public/js/frappe/form/templates/print_layout.html
+++ b/frappe/public/js/frappe/form/templates/print_layout.html
@@ -1,11 +1,9 @@
 <div class="form-print-wrapper">
 	<div class="print-toolbar row">
 		<div class="col-xs-3">
-			<div class="input-group">
+			<div class="flex">
 				<select class="print-preview-select input-sm form-control"></select>
-				<span class="input-group-btn">
-					<button class="btn btn-default btn-sm border print-preview-refresh" type="button">{%= __("Refresh") %}</button>
-				</span>
+				<button class="btn btn-default btn-sm border print-preview-refresh" type="button">{%= __("Refresh") %}</button>
 			</div>
 		</div>
 		<div class="col-xs-2">
diff --git a/frappe/public/scss/form_print.scss b/frappe/public/scss/form_print.scss
new file mode 100644
index 0000000000..5dd19f7e25
--- /dev/null
+++ b/frappe/public/scss/form_print.scss
@@ -0,0 +1,27 @@
+.form-print-wrapper {
+	border: 1px solid var(--border-color);
+	border-top: none;
+	@include card($padding: 0);
+}
+
+.print-preview-wrapper {
+	padding: var(--padding-xl) 0px;
+	background-color: var(--fg-color);
+}
+
+.print-toolbar {
+	margin: 0px;
+	padding: var(--padding-md) 0;
+	border-bottom: 1px solid var(--border-color);
+
+	> div {
+		padding-right: 0px;
+	}
+	> div:last-child {
+		padding-right: var(--padding-md);
+	}
+}
+
+.print-preview-refresh {
+	margin-left: var(--margin-xs);
+}
diff --git a/frappe/public/scss/main.scss b/frappe/public/scss/main.scss
index 31ff7bb5a7..616d39a7e5 100644
--- a/frappe/public/scss/main.scss
+++ b/frappe/public/scss/main.scss
@@ -4,6 +4,7 @@
 @import "~bootstrap/scss/bootstrap";
 @import "global";
 @import "form";
+@import "form_print";
 @import "timeline";
 @import "list";
 @import "navbar";
diff --git a/frappe/templates/styles/standard.css b/frappe/templates/styles/standard.css
index b87aa46d23..5643605918 100644
--- a/frappe/templates/styles/standard.css
+++ b/frappe/templates/styles/standard.css
@@ -5,11 +5,11 @@
 	}
 	.print-format {
 		background-color: white;
-		box-shadow: 0px 0px 9px rgba(0,0,0,0.5);
+		box-shadow: var(--shadow-lg);
 		max-width: 8.3in;
 		min-height: 11.69in;
 		padding: 0.75in;
-	    margin: auto;
+		margin: auto;
 	}
 
 	.print-format.landscape {