From 7ef2fa9b7a07cb97b60eb3c73d9dcfcc5e9d7f3b Mon Sep 17 00:00:00 2001
From: Joseph Schorr <jschorr@gmail.com>
Date: Wed, 5 Mar 2014 15:23:01 -0500
Subject: [PATCH] Make the repo page take up the width of the entire view

---
 static/css/quay.css            | 47 ++++++++++++++++++++++++++++++++++
 static/partials/view-repo.html |  2 +-
 2 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 014aee4b9..83627f35f 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -919,6 +919,24 @@ i.toggle-icon:hover {
   }
 }
 
+.visible-xl {
+  display: none;
+}
+
+.visible-xl-inline {
+  display: none;
+}
+
+@media (min-width: 1200px) {
+  .visible-xl {
+    display: block;
+  }
+
+  .visible-xl-inline {
+    display: inline-block;
+  }
+}
+
 .plans-list .plan-box .description {
   color: white;
   margin-top: 6px;
@@ -1507,6 +1525,34 @@ p.editable:hover i {
   margin-left: 16px;
 }
 
+.repo.container-fluid {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+@media (min-width: 768px) {
+  .repo.container-fluid {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .repo.container-fluid {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+
+  .repo.container-fluid .col-md-4 {
+     width: 30%;
+  }
+
+  .repo.container-fluid .col-md-8 {
+     width: 70%;
+  }
+}
+
+
 .repo .current-context {
   display: inline-block;
   overflow: hidden;
@@ -1714,6 +1760,7 @@ p.editable:hover i {
   padding: 4px;
 }
 
+
 .repo .image-section .section-icon {
     float: left;
     font-size: 16px;
diff --git a/static/partials/view-repo.html b/static/partials/view-repo.html
index 26ca9fe9b..6f8995bf4 100644
--- a/static/partials/view-repo.html
+++ b/static/partials/view-repo.html
@@ -5,7 +5,7 @@
 </div>
 
 <div class="resource-view" resource="repository" error-message="'No Repository Found'">
-  <div class="container repo repo-view">
+  <div class="container-fluid repo repo-view">
     <!-- Repo Header -->
     <div class="header">
       <h3>