From bc44fdf89cf6d94c2e8b1c60bbc386dbfdb29f58 Mon Sep 17 00:00:00 2001 From: Martin Filser Date: Wed, 8 Nov 2023 12:45:13 +0100 Subject: [PATCH 1/2] sidebar xmark icon, add padding to easier click --- client/components/sidebar/sidebar.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/client/components/sidebar/sidebar.css b/client/components/sidebar/sidebar.css index 4d0488b95..be22efd61 100644 --- a/client/components/sidebar/sidebar.css +++ b/client/components/sidebar/sidebar.css @@ -16,9 +16,10 @@ } .sidebar-xmark { position: absolute; - right: 10px; - top: 5px; + right: 0px; + top: 0px; font-size: 25px; + padding: 10px; } .sidebar .sidebar-content { padding: 12px; From 35802c7c624c54d504e2decd72eace88edd2664e Mon Sep 17 00:00:00 2001 From: Martin Filser Date: Wed, 8 Nov 2023 12:50:44 +0100 Subject: [PATCH 2/2] sidebar xmark-icon, background color on hover the icon --- client/components/sidebar/sidebar.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/client/components/sidebar/sidebar.css b/client/components/sidebar/sidebar.css index be22efd61..d50c2f933 100644 --- a/client/components/sidebar/sidebar.css +++ b/client/components/sidebar/sidebar.css @@ -21,6 +21,9 @@ font-size: 25px; padding: 10px; } +.sidebar-xmark:hover { + background: rgba(0,0,0,0.15); +} .sidebar .sidebar-content { padding: 12px; margin-bottom: 1.6em;