From 89ce8e48727f9b2395f0a91583e2778c162abdca Mon Sep 17 00:00:00 2001
From: sakofchit <sakun.acharige@gmail.com>
Date: Fri, 17 Mar 2023 22:15:21 -0400
Subject: [PATCH] move a couple things around + version bump

---
 docs/index.html.ejs | 13 +++++++++----
 package-lock.json   |  2 +-
 package.json        |  2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/docs/index.html.ejs b/docs/index.html.ejs
index 271aefd..f3c489f 100644
--- a/docs/index.html.ejs
+++ b/docs/index.html.ejs
@@ -197,14 +197,11 @@
                 </blockquote>
 
                 <p>A menu bar consists of menu elements that name menu items and they typically have a dropdown menu associated with them.</p>
-                <p>In case of a menu item as a single children or plain text with no menu dropdown associated with it, use <code>aria-haspopup="false"</code> attribute.</p>
-
+                
                 <p>To create a menu bar we will use the <code>.menu-bar</code> class. </p>
 
                 <%- example(`
                 <ul role="menu-bar">
-                  <li role="menu-item" tabindex="0" aria-haspopup="false">Single Item</li>
-                  <li role="menu-item" tabindex="0" aria-haspopup="false"><a target="_blank" href="https://github.com/sakofchit/system.css">System.css on GitHub</a></li>
                   <li role="menu-item" tabindex="0" aria-haspopup="true">
                     File
                     <ul role="menu">
@@ -242,6 +239,14 @@
                 </ul>
                 `)%>
 
+                <p>In case of a menu item as a single children or plain text with no menu dropdown associated with it, use <code>aria-haspopup="false"</code> attribute.</p>
+                <%- example(`
+                  <ul role="menu-bar">
+                    <li role="menu-item" tabindex="0" aria-haspopup="false">Single Item</li>
+                    <li role="menu-item" tabindex="0" aria-haspopup="false"><a target="_blank" href="https://github.com/sakofchit/system.css">System.css on GitHub</a></li>
+                  </ul>
+                `)%>
+
                 <p>We can also manipulate a menu bar into a standard dropdown.</p>
 
                 <%- example(`
diff --git a/package-lock.json b/package-lock.json
index 8bf1e9c..0c74943 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@sakun/system.css",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index ec66f47..2736715 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sakun/system.css",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "A design system for building retro Apple interfaces",
   "main": "dist/system.css",
   "directories": {