Make the repo page take up the width of the entire view

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;

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>