Restyle the billing invoices tab

static/css/directives/ui/billing-invoices.css

@@ -0,0 +1,25 @@
+
+.billing-invoices-element .invoice-title {
+  padding: 6px;
+  cursor: pointer;
+}
+
+.billing-invoices-element .invoice-status .success {
+  color: green;
+}
+
+.billing-invoices-element .invoice-status .pending {
+  color: steelblue;
+}
+
+.billing-invoices-element .invoice-status .danger {
+  color: red;
+}
+
+.billing-invoices-element .invoice-amount:before {
+  content: '$';
+}
+
+.billing-invoices-element .fa-download {
+  color: #aaa;
+}

static/css/directives/ui/prototype-manager.css

@@ -1,3 +1,8 @@
 .prototype-manager-element i.fa {
   margin-right: 4px;
+}
+
+.prototype-manager-element td {
+  padding: 10px !important;
+  vertical-align: middle !important;
 }

static/css/quay.css

@@ -3267,64 +3267,6 @@ p.editable:hover i {
   max-width: 100%;
 }
 
-.billing-invoices-element .invoice-title {
-  padding: 6px;
-  cursor: pointer;
-}
-
-.billing-invoices-element .invoice-status .success {
-  color: green;
-}
-
-.billing-invoices-element .invoice-status .pending {
-  color: steelblue;
-}
-
-.billing-invoices-element .invoice-status .danger {
-  color: red;
-}
-
-.billing-invoices-element .invoice-amount:before {
-  content: '$';
-}
-
-.billing-invoices-element .invoice-details {
-  margin-left: 10px;
-  margin-bottom: 10px;
-
-  padding: 4px;
-  padding-left: 6px;
-  border-left: 2px solid #eee !important;
-}
-
-.billing-invoices-element .invoice-details td {
-  border: 0px solid transparent !important;
-}
-
-.billing-invoices-element .invoice-details dl {
-  margin: 0px;
-}
-
-.billing-invoices-element .invoice-details dd {
-  margin-left: 10px;
-  padding: 6px;
-  margin-bottom: 10px;
-}
-
-.billing-invoices-element .invoice-title:hover {
-  color: steelblue;
-}
-
-.prototype-manager-element thead th {
-  padding: 4px;
-  color: #666;
-}
-
-.prototype-manager-element td {
-  padding: 10px !important;
-  vertical-align: middle !important;
-}
-
 .org-list h2 {
   margin-bottom: 20px;
 }