chore: updating demo and text for hide-icons theme

Author: drewharvey

demo/index.html

@@ -103,28 +103,6 @@ <h3>Configure Overflow Update Delay</h3>
         </vcf-toolbar-layout>
     </div>
 
-    <h3>Buttons</h3>
-    <p><code>hide-icons</code> theme variant.</p>
-    <div class="resizable-wrapper">
-        <vcf-toolbar-layout theme="hide-icons">
-            <vaadin-button theme="primary">
-                Save
-            </vaadin-button>
-            <vaadin-button>
-                <vaadin-icon icon="vaadin:upload" slot="prefix"></vaadin-icon>
-                Prefix
-            </vaadin-button>
-            <vaadin-button>
-                Suffix
-                <vaadin-icon icon="vaadin:download" slot="suffix"></vaadin-icon>
-            </vaadin-button>
-            <vaadin-button theme="icon error">
-                <vaadin-icon icon="vaadin:close" slot="prefix"></vaadin-icon>
-                Remove
-            </vaadin-button>
-        </vcf-toolbar-layout>
-    </div>
-
     <h3>MenuBar</h3>
     <div class="resizable-wrapper">
         <vcf-toolbar-layout>
@@ -191,6 +169,28 @@ <h3>Fixed width prefix</h3>
         </vcf-toolbar-layout>
     </div>
 
+    <h3>Hide icons</h3>
+    <p><code>hide-icons</code> theme variant hides button icons when in overflow menu.</p>
+    <div class="resizable-wrapper">
+        <vcf-toolbar-layout theme="hide-icons">
+            <vaadin-button theme="primary">
+                Save
+            </vaadin-button>
+            <vaadin-button>
+                <vaadin-icon icon="vaadin:upload" slot="prefix"></vaadin-icon>
+                Prefix
+            </vaadin-button>
+            <vaadin-button>
+                Suffix
+                <vaadin-icon icon="vaadin:download" slot="suffix"></vaadin-icon>
+            </vaadin-button>
+            <vaadin-button theme="icon error">
+                <vaadin-icon icon="vaadin:close" slot="prefix"></vaadin-icon>
+                Remove
+            </vaadin-button>
+        </vcf-toolbar-layout>
+    </div>
+
     <h3>Item groups</h3>
     <p>Items can be wrapped in layouts.</p>
     <div class="resizable-wrapper">