From 1fce4a1a1d1a20f88769b63603e55eb47a558d0c Mon Sep 17 00:00:00 2001
From: Joseph Schorr <joseph.schorr@coreos.com>
Date: Wed, 4 Apr 2018 17:07:31 -0400
Subject: [PATCH] Fix overflow of cor-tabs by switching to flex box

Fixes https://jira.coreos.com/browse/QUAY-881
---
 static/css/directives/ui/cor-tabs.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/static/css/directives/ui/cor-tabs.css b/static/css/directives/ui/cor-tabs.css
index d49094965..2b91e892c 100644
--- a/static/css/directives/ui/cor-tabs.css
+++ b/static/css/directives/ui/cor-tabs.css
@@ -1,12 +1,20 @@
 .vertical cor-tabs {
-  display: table-cell;
-  float: none;
   vertical-align: top;
   background-color: #e8f1f6;
   border-right: 1px solid #DDE7ED;
 }
 
 @media (min-width: 768px) {
+  .co-tab-container.vertical {
+    flex-direction: row;
+    display: flex;
+    align-items: stretch;
+  }
+
+  .vertical .co-tab-content {
+    width: 91.66666667% !important;    
+  }
+
   .horizontal-label {
     color: #666;
   }
@@ -57,10 +65,9 @@
 }
 
 .vertical .co-tab-content {
-  width: 100%;
-  display: table-cell;
   float: none;
   padding: 30px;
+  flex-grow: 1;
 }
 
 @media (max-width: 767px) {