update icons everywhere to be scoped per other components, fix broken elements on js docs page

1 files changed, 3 insertions, 3 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index a5ad9631a..7b6e4ef3a 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -564,14 +564,14 @@ form.well {
 .the-icons {
   margin-bottom: 18px;
 }
-.the-icons i {
+.the-icons .i {
   display: block;
   margin-bottom: 5px;
 }
-.the-icons i:hover {
+.the-icons .i:hover {
   background-color: rgba(255,0,0,.25);
 }
-.the-icons i:after {
+.the-icons .i:after {
   display: block;
   content: attr(class);
   font-style: normal;