From aa12d52df778d1a13829aa432a35e5b077a79ce3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Di=C3=A9ssica=20Gurskas?= <diessicode@gmail.com>
Date: Sat, 6 May 2017 22:09:41 -0300
Subject: [PATCH 1/3] Fix tab height flusing with the header bug (#2790)

---
 src/components/Editor/Tabs.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Editor/Tabs.css b/src/components/Editor/Tabs.css
index 763549349b..67777221b4 100644
--- a/src/components/Editor/Tabs.css
+++ b/src/components/Editor/Tabs.css
@@ -26,21 +26,22 @@
 
 .source-tabs {
   max-width: calc(100% - 80px);
-  align-self: flex-start;
+  align-self: flex-end;
+  display: flex;
+  margin-bottom: -1px;
 }
 
 .source-tab {
   border: 1px solid transparent;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
-  height: 30px;
   display: inline-flex;
   align-items: center;
   position: relative;
   transition: all 0.25s ease;
   min-width: 40px;
   overflow: hidden;
-  padding: 6px;
+  padding: 5px;
   margin-inline-start: 3px;
 }
 

From 6ff7617d7c77b65872ee71e274b65c64de5e8c96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Di=C3=A9ssica=20Gurskas?= <diessicode@gmail.com>
Date: Mon, 8 May 2017 22:35:21 -0300
Subject: [PATCH 2/3] Fix tab height for special tabs (with icons)

---
 src/components/Editor/Tabs.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Editor/Tabs.css b/src/components/Editor/Tabs.css
index 67777221b4..0405ed4c0b 100644
--- a/src/components/Editor/Tabs.css
+++ b/src/components/Editor/Tabs.css
@@ -78,7 +78,7 @@
 
 .source-tab .blackBox {
   line-height: 0;
-  padding: 5px;
+  padding: 0 5px;
 }
 
 .source-tab .blackBox svg {

From 92ba6d198e451f784b83c4ca086d1c8aa5cba3a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Di=C3=A9ssica=20Gurskas?= <diessicode@gmail.com>
Date: Mon, 8 May 2017 23:00:58 -0300
Subject: [PATCH 3/3] Change approach for tab alignment to bottom

---
 src/components/Editor/Tabs.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Editor/Tabs.css b/src/components/Editor/Tabs.css
index 0405ed4c0b..e69a32e6f5 100644
--- a/src/components/Editor/Tabs.css
+++ b/src/components/Editor/Tabs.css
@@ -26,9 +26,7 @@
 
 .source-tabs {
   max-width: calc(100% - 80px);
-  align-self: flex-end;
-  display: flex;
-  margin-bottom: -1px;
+  align-self: flex-start;
 }
 
 .source-tab {
@@ -43,6 +41,7 @@
   overflow: hidden;
   padding: 5px;
   margin-inline-start: 3px;
+  margin-top: 4px;
 }
 
 .source-tab:hover {