From a64fd6316805fc088abc7183b39f3e5620e431d8 Mon Sep 17 00:00:00 2001
From: Vincent Fiduccia <vincent@rancher.com>
Date: Sat, 26 Sep 2020 00:09:46 -0700
Subject: [PATCH] Move type description to the top

---
 components/ResourceList/Masthead.vue | 16 ++++++++--------
 edit/catalog.cattle.io.repo.vue      |  4 ----
 layouts/default.vue                  |  7 ++++++-
 3 files changed, 14 insertions(+), 13 deletions(-)
 delete mode 100644 edit/catalog.cattle.io.repo.vue

diff --git a/components/ResourceList/Masthead.vue b/components/ResourceList/Masthead.vue
index ea992192b6..96a8573363 100644
--- a/components/ResourceList/Masthead.vue
+++ b/components/ResourceList/Masthead.vue
@@ -85,6 +85,14 @@ export default {
 
 <template>
   <header>
+    <Banner
+      v-if="typeDescriptionKey"
+      class="type-banner mb-20 mt-0"
+      color="info"
+      :closable="true"
+      :label-key="typeDescriptionKey"
+      @close="hideTypeDescription"
+    />
     <h1>
       {{ typeDisplay }} <Favorite v-if="isExplorer" :resource="resource" />
     </h1>
@@ -148,13 +156,5 @@ export default {
         </template>
       </ButtonDropdown>
     </div>
-    <Banner
-      v-if="typeDescriptionKey"
-      class="state-banner mt-20 mb-0"
-      color="info"
-      :closable="true"
-      :label-key="typeDescriptionKey"
-      @close="hideTypeDescription"
-    />
   </header>
 </template>
diff --git a/edit/catalog.cattle.io.repo.vue b/edit/catalog.cattle.io.repo.vue
deleted file mode 100644
index 77c2a1087c..0000000000
--- a/edit/catalog.cattle.io.repo.vue
+++ /dev/null
@@ -1,4 +0,0 @@
-<script>
-import ClusterRepo from './catalog.cattle.io.clusterrepo';
-export default ClusterRepo;
-</script>
diff --git a/layouts/default.vue b/layouts/default.vue
index c1c25b3996..bfceca9456 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -319,7 +319,8 @@ export default {
 
     HEADER {
       display: grid;
-      grid-template-areas:  "title actions"
+      grid-template-areas:  "type-banner type-banner"
+                            "title actions"
                             "state-banner state-banner";
       grid-template-columns: "auto min-content";
       margin-bottom: 20px;
@@ -330,6 +331,10 @@ export default {
         margin: 0;
       }
 
+      .type-banner {
+        grid-area: type-banner;
+      }
+
       .state-banner {
         grid-area: state-banner;
       }