From ead05f062dbc5def7bb943ff423f27edce9d1abe Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchampfaris@users.noreply.github.com>
Date: Mon, 15 Nov 2021 16:16:19 +0530
Subject: [PATCH] fix: minor website styling fixes (#14952)

* fix: move utility classes from page header wrapper

so that css is overridable in user stylesheets

* fix(website-theme): obey button rounded corners setting

- set border radius values to 0

Co-authored-by: Suraj Shetty <13928957+surajshetty3416@users.noreply.github.com>
---
 frappe/public/scss/website/index.scss                      | 6 ++++++
 frappe/templates/web.html                                  | 2 +-
 .../doctype/website_theme/website_theme_template.scss      | 7 +++++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/frappe/public/scss/website/index.scss b/frappe/public/scss/website/index.scss
index 8e98333306..2957a0b499 100644
--- a/frappe/public/scss/website/index.scss
+++ b/frappe/public/scss/website/index.scss
@@ -99,6 +99,12 @@
 	}
 }
 
+.page-header-wrapper {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
 .breadcrumb-container {
 	margin-top: 1rem;
 	padding-top:  0.25rem;
diff --git a/frappe/templates/web.html b/frappe/templates/web.html
index 57fefa333d..48fbce7cd1 100644
--- a/frappe/templates/web.html
+++ b/frappe/templates/web.html
@@ -14,7 +14,7 @@
 
 	{% block page_container %}
 	<main class="{% if not full_width %}container my-4{% endif %}">
-		<div class="d-flex justify-content-between align-items-center">
+		<div class="page-header-wrapper">
 			<div class="page-header">
 				{% block header %}{% endblock %}
 			</div>
diff --git a/frappe/website/doctype/website_theme/website_theme_template.scss b/frappe/website/doctype/website_theme/website_theme_template.scss
index 34cd66a4fe..bedbc2255c 100644
--- a/frappe/website/doctype/website_theme/website_theme_template.scss
+++ b/frappe/website/doctype/website_theme/website_theme_template.scss
@@ -43,5 +43,12 @@ body {
 	--text-color: #{$body-text-color};
 	--text-light: #{$body-text-color};
 	{% endif -%}
+	{% if not button_rounded_corners %}
+	--border-radius-sm: 0px;
+	--border-radius: 0px;
+	--border-radius-md: 0px;
+	--border-radius-lg: 0px;
+	--border-radius-full: 0px;
+	{% endif -%}
 }