From 9bb848eb5504ac9c95e192db5239a0eebbf119e7 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Thu, 11 Jun 2020 21:23:33 -0400
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Integrate=20rose/table?=
 =?UTF-8?q?=20component=20into=20host=20catalogs=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/core/app/styles/app.scss                   |  6 ++--
 .../projects/project/host-catalogs/index.hbs  | 28 +++++++++++--------
 .../tests/acceptance/host-catalogs-test.js    |  2 +-
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index f7c1e37f1..ea53643d3 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -19,14 +19,12 @@
   }
 }
 
-.projects-overview {
-  margin: sizing.rems(l);
+.rose-layout-global-body {
+  margin: 0 sizing.rems(m);
 }
 
 .project-overview,
 .project-new {
-  margin: sizing.rems(l);
-
   .breadcrumbs,
   .breadcrumbs a {
     color: #6f7682;
diff --git a/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs b/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs
index 490cb5b65..9194d73de 100644
--- a/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs
+++ b/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs
@@ -13,18 +13,22 @@
   </page.actions>
 
   <page.body>
-    <ul>
-      {{#each @model as |hostCatalog|}}
-        <li>
-          <LinkTo
-            @route="orgs.org.projects.project.host-catalogs.host-catalog"
-            @model={{hostCatalog}}
-          >
-            {{hostCatalog.name}}
-          </LinkTo>
-        </li>
-      {{/each}}
-    </ul>
+    <Rose::Table as |table|>
+      <table.body as |body|>
+        {{#each @model as |hostCatalog|}}
+          <body.row as |row|>
+            <row.cell>
+              <LinkTo
+                @route="orgs.org.projects.project.host-catalogs.host-catalog"
+                @model={{hostCatalog}}
+              >
+                {{hostCatalog.name}}
+              </LinkTo>
+            </row.cell>
+          </body.row>
+        {{/each}}
+      </table.body>
+    </Rose::Table>
   </page.body>
 
 </Rose::Layout::Page>
diff --git a/ui/core/tests/acceptance/host-catalogs-test.js b/ui/core/tests/acceptance/host-catalogs-test.js
index acdacafa7..7a54340b3 100644
--- a/ui/core/tests/acceptance/host-catalogs-test.js
+++ b/ui/core/tests/acceptance/host-catalogs-test.js
@@ -23,7 +23,7 @@ module('Acceptance | host catalogs', function(hooks) {
     this.server.createList('project', 1);
     this.server.createList('host-catalog', 1);
     await visit('/orgs/1/projects/1/host-catalogs');
-    await click('main ul li:first-child a');
+    await click('main .rose-table-cell:first-child a');
     await a11yAudit();
     assert.equal(currentURL(), '/orgs/1/projects/1/host-catalogs/1');
   });