From 7d412a5b685d87cdf7613ac56e204a9481e07c3f Mon Sep 17 00:00:00 2001
From: Joseph Schorr <joseph.schorr@coreos.com>
Date: Mon, 12 Jan 2015 12:35:06 -0500
Subject: [PATCH] Fix plans manager on mobile

---
 static/css/quay.css                 | 20 ++++++++++----------
 static/directives/plan-manager.html |  9 +++++++--
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index e0aafa8e8..8636c07bc 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -1347,13 +1347,16 @@ i.toggle-icon:hover {
   position: relative;
 }
 
-.plan-price:after {
-  content: "/ mo";
-  position: absolute;
-  bottom: 0px;
-  right: 20px;
-  font-size: 12px;
-  color: #aaa;
+
+@media (min-width: 768px) {
+  .plan-price:after {
+    content: "/ mo";
+    position: absolute;
+    bottom: 0px;
+    right: 20px;
+    font-size: 12px;
+    color: #aaa;
+  }
 }
 
 .plans-list .plan .count {
@@ -1516,9 +1519,6 @@ i.toggle-icon:hover {
   right: 0px;
 }
 
-.landing-filter.signedin {
-}
-
 .landing-content {
   z-index: 2;
 }
diff --git a/static/directives/plan-manager.html b/static/directives/plan-manager.html
index 0c72e3b17..72a28dc7c 100644
--- a/static/directives/plan-manager.html
+++ b/static/directives/plan-manager.html
@@ -31,11 +31,16 @@
        ng-show="!planLoading"></div>
 
   <!-- Plans Table -->
+  <div class="visible-xs" style="margin-top: 10px"></div>
+
   <table class="table table-hover plans-list-table" ng-show="!planLoading">
     <thead>
       <td>Plan</td>
-      <td>Private Repositories</td>
-      <td style="min-width: 64px">Price</td>
+      <td>
+        <span class="hidden-xs">Private Repositories</span>
+        <span class="visible-xs"><i class="fa fa-hdd-o"></i></span>
+      </td>
+      <td style="min-width: 64px"><span class="hidden-xs">Price</span><span class="visible-xs">$/mo</span></td>
       <td></td>
     </thead>