From 5a937ac34711f9e94c9c2f6c7ea7641d96dd55b1 Mon Sep 17 00:00:00 2001
From: Daniel Koch <koch@terrestris.de>
Date: Fri, 18 Oct 2024 14:15:16 +0200
Subject: [PATCH] fix: minor style fixes

---
 src/bootstrap.tsx                            |  7 ++++++-
 src/components/DocumentationButton/index.tsx |  5 +++--
 src/components/Header/index.less             |  1 +
 src/components/Header/index.tsx              | 12 ++----------
 src/components/ToolMenu/index.less           | 10 +++++++---
 5 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/bootstrap.tsx b/src/bootstrap.tsx
index 5ad6719f6..aab30883f 100644
--- a/src/bootstrap.tsx
+++ b/src/bootstrap.tsx
@@ -771,7 +771,12 @@ const renderApp = async () => {
                       Color(style['--primaryColor']).darken(0.5).hex() :
                       style['--primaryColor'],
                     colorLink: style['--complementaryColor'],
-                    colorLinkHover: style['--secondaryColor']
+                    colorLinkHover: style['--secondaryColor'],
+                    borderRadius: 0,
+                    borderRadiusLG: 0,
+                    borderRadiusSM: 0,
+                    borderRadiusXS: 0,
+                    borderRadiusOuter: 0
                   }
                 }}
               >
diff --git a/src/components/DocumentationButton/index.tsx b/src/components/DocumentationButton/index.tsx
index b4dfe4ea4..da429726b 100644
--- a/src/components/DocumentationButton/index.tsx
+++ b/src/components/DocumentationButton/index.tsx
@@ -22,13 +22,14 @@ export const DocumentationButton: React.FC<DocumentationButtonProps> = ({
     <SimpleButton
       onClick={() => window.open('/gis-docs', '_blank')}
       className={finalClassName}
+      aria-label="documentation-button"
       icon={
         <FontAwesomeIcon
           icon={faCircleQuestion}
         />
       }
-    >
-    </SimpleButton>
+      type='link'
+    />
   );
 };
 
diff --git a/src/components/Header/index.less b/src/components/Header/index.less
index 162bb3c9f..92fc4e5b8 100644
--- a/src/components/Header/index.less
+++ b/src/components/Header/index.less
@@ -6,6 +6,7 @@
   top: 0;
   margin-bottom: 0;
   z-index: 2;
+  padding: 0 .5rem;
 
   background-color: var(--primaryColor);
   display: flex;
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index bb26c90a7..cc9c16cc7 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -87,17 +87,9 @@ export const Header: React.FC<HeaderProps> = ({
   const getDocsButton = () => {
     if (ClientConfiguration.documentationButtonVisible) {
       return (
-        <div
+        <DocumentationButton
           key="documentation-button"
-          aria-label="documentation-button"
-        >
-          <DocumentationButton
-            key="documentation-button"
-            type="link"
-          >
-          </DocumentationButton>
-
-        </div>
+        />
       );
     }
   };
diff --git a/src/components/ToolMenu/index.less b/src/components/ToolMenu/index.less
index ccc894e78..0c8f88a03 100644
--- a/src/components/ToolMenu/index.less
+++ b/src/components/ToolMenu/index.less
@@ -84,7 +84,7 @@
       .ant-collapse-header {
         border-radius: 0px;
         background-color: #fff;
-        padding: 6px 40px 6px 16px;
+        padding: 6px 16px 6px 16px;
 
         .ant-collapse-header-text span {
           padding-left: 10px;
@@ -130,14 +130,18 @@
       &.ant-collapse-item {
         border-radius: 0px;
       }
+
+      &:last-child {
+        // TODO Get color from variable?
+        border-bottom: 1px solid #d9d9d9;
+      }
     }
   }
 
   button.collapse-btn {
     width: 100%;
     border: none;
-    border-radius: 0 0 8px 8px;
-    }
+  }
 
   button:hover {
     color: var(--secondaryColor);