From 35efc6bc438443d05c883e8c5fc95e9ac2b3ac90 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Wed, 15 Feb 2023 15:10:24 -0700
Subject: [PATCH] Calendar: Fix toolbar integration buttons could only register
 click on the top half of the button

---
 api/templates/default/etemplate2.css | 47 ++++++++++++++++++----------
 1 file changed, 30 insertions(+), 17 deletions(-)

diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index f999c6b101..4c23b836eb 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -2876,33 +2876,46 @@ div.et2_toolbar.ui-widget-header {
 }
 
 .et2_toolbar .et2_toolbar_actionlist button.et2_button_with_image, .nextmatch_header_row .et2_button {
-    width: 24px;
-    height: 24px;
-    background-position: center;
-    background-size: 16px 16px;
-    padding-left: 0;
-    background-color: #fafafa;
+	width: 24px;
+	height: 24px;
+	background-position: center;
+	background-size: 16px 16px;
+	padding-left: 0;
+	background-color: #fafafa;
 }
 
 .et2_toolbar .et2_toolbar_actionlist et2-button,
 .et2_toolbar .et2_toolbar_actionlist et2-switch {
-    margin-right: 1ex;
-    min-width: 32px;
+	margin-right: 1ex;
+	min-width: 32px;
 }
-.et2_toolbar .ui-toolbar-menulist > *:hover{
-    outline: none;
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
+
+/* Make toolbar switches clickable everywhere, not just the top half */
+.et2_toolbar .et2_toolbar_actionlist et2-switch::part(base) {
+	height: 100%;
 }
-.et2_toolbar .ui-toolbar-menulist > *:hover::part(prefix) {filter:invert(1) brightness(5);}
-.et2_toolbar .ui-toolbar-menulist > *:hover::part(label){color: var(--sl-color-neutral-0);}
+
+.et2_toolbar .ui-toolbar-menulist > *:hover {
+	outline: none;
+	background-color: var(--sl-color-primary-600);
+	color: var(--sl-color-neutral-0);
+}
+
+.et2_toolbar .ui-toolbar-menulist > *:hover::part(prefix) {
+	filter: invert(1) brightness(5);
+}
+
+.et2_toolbar .ui-toolbar-menulist > *:hover::part(label) {
+	color: var(--sl-color-neutral-0);
+}
+
 .nextmatch_header_row et2-button::part(container) {
-    height: 18px;
+	height: 18px;
 }
 
 et2-button.transparent-button {
-    border: none;
-    background: transparent;
+	border: none;
+	background: transparent;
 }
 
 et2-button.transparent-button::part(container) {