From 76daca800e46ffa111bd10ee1ca4d62d9e655767 Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Tue, 9 Mar 2021 14:15:46 +0200
Subject: [PATCH] refactor(docs-infra): remove unnecessary wrapper `<div>` from
 the "Cheat sheet" guide (#41051)

This commit removes an unnecessary wrapper `<div>` from the
"Cheat sheet" guide. The CSS styles that referenced the element's ID
(`#cheatsheet`) have been updated to use `.page-guide-cheatsheet`
instead.

PR Close #41051
---
 aio/content/guide/cheatsheet.md      | 2 --
 aio/src/styles/2-modules/_code.scss  | 2 +-
 aio/src/styles/2-modules/_table.scss | 2 +-
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md
index f3e55928d3..b0c26ec07d 100644
--- a/aio/content/guide/cheatsheet.md
+++ b/aio/content/guide/cheatsheet.md
@@ -1,6 +1,5 @@
 <h1 class="no-toc">Cheat Sheet</h1>
 
-<div id="cheatsheet">
 <table class="is-full-width is-fixed-layout">
 <tbody><tr>
 <th>Bootstrapping</th>
@@ -391,4 +390,3 @@ so the <code>@Directive</code> configuration applies to components as well</p>
 </td>
 </tr>
 </tbody></table>
-</div>
diff --git a/aio/src/styles/2-modules/_code.scss b/aio/src/styles/2-modules/_code.scss
index 643e09fc49..a93028e2e6 100644
--- a/aio/src/styles/2-modules/_code.scss
+++ b/aio/src/styles/2-modules/_code.scss
@@ -176,7 +176,7 @@ aio-code {
     padding: 4px;
   }
 
-  #cheatsheet {
+  .page-guide-cheatsheet & {
     td:first-of-type,
     th {
       code {
diff --git a/aio/src/styles/2-modules/_table.scss b/aio/src/styles/2-modules/_table.scss
index ecea8f0a92..170f98917e 100644
--- a/aio/src/styles/2-modules/_table.scss
+++ b/aio/src/styles/2-modules/_table.scss
@@ -81,7 +81,7 @@ table {
   }
 }
 
-#cheatsheet {
+.page-guide-cheatsheet {
 
   table tbody td {
     overflow: auto;