docs: icon page layout

RedHat-UX · Sep 16, 2024 · f519150 · f519150
1 parent f6b8678
commit f519150
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/icons/icons.11ty.cjs b/docs/icons/icons.11ty.cjs
@@ -21,7 +21,7 @@ module.exports = class IconsPage {
           padding: 0;
           list-style-type: none;
           display: grid;
-          grid-template-columns: repeat(auto-fit, minmax(95px, auto));
+          grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
           gap: var(--rh-space-sm);
         }
       </style>
@@ -65,7 +65,7 @@ module.exports = class IconsPage {
         <rh-button accessible-label="Copy icon HTML for ${set} ${icon}"
                    icon="${icon}"
                    icon-set="${set}"
-                   variant="link">${icon}</rh-button>
+                   variant="tertiary">${icon}</rh-button>
       </li>
     `;
   }