icon size fix and comment code

Author: hmillersarah

web-components/hero-section/hero-section.css

@@ -79,6 +79,10 @@ h6, p {
     padding: 0em;
 }
 
+.large-icon {
+    width: 4em;
+}
+
 .section {
     grid-column: 2;
     grid-row: 1;

web-components/hero-section/hero-section.js

@@ -67,9 +67,16 @@ function createComponent(html) {
             setContent('.name', this.name, shadow);
             setContent('.desc', this.desc, shadow);
 
+            // Enlarge icon for specified pages
+            if (this.name == 'IMS videos' || this.name == 'IMS on GitHub') {
+                const img = shadow.querySelector('.image');
+                img.classList.add('large-icon');
+            }
+
             const heroSection = shadow.querySelector('.hero-section');
             const hero = shadow.querySelector('.hero');
 
+            // Check if primary button is used
             if (this.link != undefined) {
                 setLink('.button-primary', this.link, shadow);
                 setContent('.button-primary-text', this.linktext, shadow);

wp-includes/css/page.css

@@ -177,8 +177,6 @@
 }
 /* -------------------------------------------------------- */
 
-/* -------------------------------------------------------- */
-
 /* Content containers */
 /* -------------------------------------------------------- */
 /* Targets all sections after hero */