From 93e0a82f2e91537941c56b1cb31f29e9e4a9338e Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 10 Jan 2018 11:41:00 +0100
Subject: [PATCH 1/2] Improve tab header styles, center headings, flexbox

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 css/style.scss | 33 ++++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/css/style.scss b/css/style.scss
index b767dfe8521..09565824268 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -802,32 +802,39 @@ video {
 
 /* START: move padding fixes and icons-for-tabs capability into core */
 .tabHeaders {
+	display: flex;
 	margin-top: 0;
+	margin-bottom: 10px;
 }
 
 .tabHeaders .tabHeader {
+	flex-basis: 50%;
+	flex-grow: 0;
 	padding: 12px;
-	padding-left: 32px;
-	background-position: 12px;
-	background-repeat: no-repeat;
-	opacity: .5;
-}
-
-.tabHeaders .tabHeader a {
-	color: $color-main-text;
+	text-align: center;
+	border-bottom: 1px solid $color-border;
+	margin-bottom: 0;
+
+	a {
+		padding-left: 32px;
+		background-position: 12px;
+		background-repeat: no-repeat;
+		color: $color-main-text;
+		opacity: .5;
+	}
 }
 
-.tabHeaders .tabHeader.selected,
-.tabHeaders .tabHeader:hover,
-.tabHeaders .tabHeader:focus {
+.tabHeaders .tabHeader.selected a,
+.tabHeaders .tabHeader:hover a,
+.tabHeaders .tabHeader:focus a {
 	opacity: 1;
 }
 
-#tabHeaderChat {
+#tabHeaderChat a {
 	background-image: url('../../../core/img/actions/comment.svg?v=1');
 }
 
-#tabHeaderParticipants {
+#tabHeaderParticipants a {
 	background-image: url('../../../core/img/places/contacts-dark.svg?v=1');
 }
 /* END: move padding fixes and icons-for-tabs capability into core */

From ca8622c2bff5ccaf6eb6567f763c56aeca9de87f Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 10 Jan 2018 12:46:35 +0100
Subject: [PATCH 2/2] Fix tab headers being too small in Chrome

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 css/style.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/css/style.scss b/css/style.scss
index 09565824268..7c53de7fe5c 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -805,6 +805,7 @@ video {
 	display: flex;
 	margin-top: 0;
 	margin-bottom: 10px;
+	min-height: 44px;
 }
 
 .tabHeaders .tabHeader {