From c1e2f504103e25fb99e45b145aede077a3d1510c Mon Sep 17 00:00:00 2001
From: Gerd Wuetherich <gerd.wuetherich@code-kontor.io>
Date: Wed, 25 Mar 2020 15:10:41 +0100
Subject: [PATCH] minor layout changes

---
 .../components/slizaahgchooser/SlizaaHgChooser.css | 14 ++++++++++++--
 .../app/src/views/mainview/internal/MainView.tsx   | 12 ++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/slizaa-web/app/src/components/slizaahgchooser/SlizaaHgChooser.css b/slizaa-web/app/src/components/slizaahgchooser/SlizaaHgChooser.css
index c3c069d..438ac7a 100644
--- a/slizaa-web/app/src/components/slizaahgchooser/SlizaaHgChooser.css
+++ b/slizaa-web/app/src/components/slizaahgchooser/SlizaaHgChooser.css
@@ -19,16 +19,26 @@
 .slizaaHgChooser {
     display: "inline-block";
     float: "right";
-    margin-right: 15px; 
+    margin-right: 15px;
 }
 
 .slizaaHgChooser-dropdown-database {
-    margin-right: 15px; 
+    margin-right: 15px;
 }
 
 .slizaaHgChooser-button {
     padding: 0px;
     border-radius: 5px;
+    font-size: 12px;
+    height: auto;
+}
+
+.ant-dropdown-menu-item {
+    font-size: 12px;
+}
+
+.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
+    padding: 0px 12px;
 }
 
 .slizaaHgChooser-button-key {
diff --git a/slizaa-web/app/src/views/mainview/internal/MainView.tsx b/slizaa-web/app/src/views/mainview/internal/MainView.tsx
index 1e143e3..bcf3148 100644
--- a/slizaa-web/app/src/views/mainview/internal/MainView.tsx
+++ b/slizaa-web/app/src/views/mainview/internal/MainView.tsx
@@ -58,16 +58,16 @@ export class MainView extends React.Component<IProps, IState> {
         <Layout
           style={{ minHeight: '100vh' }}>
           <Layout.Header style={{ padding: 0 }}>
+            <Icon
+                className="trigger"
+                type={this.state.collapsed ? 'menu-unfold' : 'menu-fold'}
+                onClick={this.toggleCollapsed}
+            />
             <Link to="/">
-              <svg height="30px" viewBox="0 0 493.923 175.948" style={{ paddingLeft: "24px", verticalAlign: "middle" }}>
+              <svg height="30px" viewBox="0 0 493.923 175.948" style={{ verticalAlign: "middle" }}>
                 <SlizaaSvg />
               </svg>
             </Link>
-            <Icon
-              className="trigger"
-              type={this.state.collapsed ? 'menu-unfold' : 'menu-fold'}
-              onClick={this.toggleCollapsed}
-            />
             <SlizaaHgChooser
               currentDatabase={this.props.currentDatabase}
               currentHierarchicalGraph={this.props.currentHierarchicalGraph}