From e9a1089bbfd514fd8f441ba359404f06b5a63ca1 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Tue, 4 Oct 2022 22:09:46 +0300
Subject: [PATCH] change(tabs): removed bottom margin from tabs menu

- when you use the tab within a section with a dark bg
  color the menu will seem out of place compared to it's
  body content
---
 src/less/menu.less      | 4 ++++
 src/less/menu.variables | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/src/less/menu.less b/src/less/menu.less
index 36803f6f..4f18065e 100644
--- a/src/less/menu.less
+++ b/src/less/menu.less
@@ -11,6 +11,10 @@
     display: none !important;
   }
 
+  .ui.menu {
+    margin-bottom: @menuMarginButton;
+  }
+
   > .styled > .tabs > .ui.menu,
   > .styled > .tabs > .ui.grid > .column > .ui.menu,
   > .tabs > .ui.menu,
diff --git a/src/less/menu.variables b/src/less/menu.variables
index d94b6906..985a621b 100644
--- a/src/less/menu.variables
+++ b/src/less/menu.variables
@@ -2,6 +2,8 @@
             Tabs menu
 *******************************/
 
+@menuMarginButton: 0;
+
 /* Menu title */
 @menuTitleFontSize: 24px;
 @menuTitleFontWeight: normal;