From 352537adca4f4c9d64002eb1d9b58b77fa87a8dc Mon Sep 17 00:00:00 2001
From: Rob Szumski <rob.szumski@coreos.com>
Date: Fri, 23 Oct 2015 23:36:05 +0000
Subject: [PATCH] sq: fix tab responsiveness

---
 static/css/pages/plans.css | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/static/css/pages/plans.css b/static/css/pages/plans.css
index e7615df07..97aef6b66 100644
--- a/static/css/pages/plans.css
+++ b/static/css/pages/plans.css
@@ -9,6 +9,8 @@
     font-weight: 300;
     margin-bottom: 40px;
     text-align: center;
+    padding-left: 15px;
+    padding-right: 15px;
 }
 
 .plans-panel .plan-tabs {
@@ -19,7 +21,6 @@
 }
 
 .plans-panel .plan-tabs li {
-    float: none;
     display: inline-block;
     width: 49%;
 }
@@ -30,7 +31,7 @@
 
 .plans-panel .plan-tabs a:hover {
     background-color: transparent;
-    border: none;
+    border-color: transparent;
     cursor: pointer !important; /* override very specific bootstrap style */
 }
 
@@ -61,11 +62,36 @@
     color: #51A3D9;
 }
 
+@media (max-width: 992px) {
+    .plans-panel .plan-tabs a .tab-logo svg {
+        height: 30px;
+    }
+    .plans-panel .plan-tabs a .tab-title {
+	font-size: 13px;
+    }
+}
 @media (max-width: 767px) {
+    .plans-panel .plan-tabs {
+        margin-bottom: 0px;
+        padding-right: 5px;
+        padding-left: 5px;
+    }
+
+    .plans-panel .plan-tabs a {
+        padding-bottom: 0px;
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+
     .plans-panel .plan-tabs a .tab-title {
         display: none;
     }
 
+    .plans-panel .plan-tabs a .tab-logo {
+         margin-top: 5px;
+         margin-bottom: 10px;
+    }
+
     .plans-panel .plan-tabs a .tab-logo svg {
         height: 20px;
         max-width: 100%;