Merge pull request #365 from aurelianware/copilot/fix-mobile-navbar-display

Fix mobile navbar: remove inline styles and fix navigation IDs

Author: aurelianware

.github/workflows/test-dotnet.yml

@@ -18,7 +18,7 @@ jobs:
   test-dotnet:
     name: .NET Unit Tests
     runs-on: ubuntu-latest
-    
+
     steps:
       - uses: actions/checkout@v4
 
@@ -87,7 +87,7 @@ jobs:
   test-typescript:
     name: TypeScript/Jest Tests
     runs-on: ubuntu-latest
-    
+
     steps:
       - uses: actions/checkout@v4
 
@@ -116,7 +116,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: [test-dotnet, test-typescript]
     if: always()
-    
+
     steps:
       - uses: actions/checkout@v4
 

package-lock.json

@@ -482,6 +482,7 @@ <h3>Immediate Actions</h3>
 <ol>
 <li><p><strong>Schedule Demo</strong></p>
 <ul>
+<li><a href="https://calendly.com/mark-cloudhealthoffice">Book 30-minute platform walkthrough</a></li>
 <li>Review your specific payer requirements</li>
 <li>See live deployment demonstration</li>
 </ul>

site/assessment.html

@@ -307,6 +307,7 @@ nav ul {
   align-items: center;
   flex-wrap: wrap;
   gap: var(--spacing-md);
+  padding: 0;
 }
 
 nav li {

site/css/sentinel.css

@@ -43,7 +43,7 @@
     <button class="mobile-menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false" id="mobileMenuToggle">
       ☰
     </button>
-    <ul style="list-style:none; padding:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;" id="mainNav">
+    <ul id="mainNav">
       <li><a href="index.html" style="color:#00ffff;" aria-current="page">Home</a></li>
       <li><a href="solutions-payers.html" style="color:#888;">Solutions</a></li>
       <li><a href="pricing.html" style="color:#888;">Pricing</a></li>

site/index.html

@@ -163,7 +163,7 @@
   <a href="#main-content" class="skip-to-main">Skip to main content</a>
 
   <nav style="margin-bottom:20px;">
-    <ul style="list-style:none; padding:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;">
+    <ul id="mainNav">
       <li><a href="index.html" style="color:#888;">Home</a></li>
       <li><a href="solutions-payers.html" style="color:#888;">For Payers</a></li>
       <li><a href="solutions-providers.html" style="color:#888;">For Providers</a></li>

site/login.html

@@ -128,7 +128,7 @@
     <button class="mobile-menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false" id="mobileMenuToggle">
       ☰
     </button>
-    <ul style="list-style:none; padding:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;" id="platformNav">
+    <ul id="mainNav">
       <li><a href="index.html" style="color:#888;">Home</a></li>
       <li><a href="solutions-payers.html" style="color:#888;">Solutions</a></li>
       <li><a href="pricing.html" style="color:#888;">Pricing</a></li>

site/platform.html

@@ -33,7 +33,7 @@
     <button class="mobile-menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false" id="mobileMenuToggle">
       ☰
     </button>
-    <ul style="list-style:none; padding:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;" id="mainNav">
+    <ul id="mainNav">
       <li><a href="index.html" style="color:#888;">Home</a></li>
       <li><a href="solutions-payers.html" style="color:#888;">Solutions</a></li>
       <li><a href="pricing.html" style="color:#00ffff;" aria-current="page">Pricing</a></li>

site/pricing.html

@@ -34,7 +34,7 @@
     <button class="mobile-menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false" id="mobileMenuToggle">
       ☰
     </button>
-    <ul style="list-style:none; padding:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;" id="mainNav">
+    <ul id="mainNav">
       <li><a href="index.html" style="color:#888;">Home</a></li>
       <li><a href="solutions-payers.html" style="color:#00ffff;" aria-current="page">Solutions</a></li>
       <li><a href="pricing.html" style="color:#888;">Pricing</a></li>

site/solutions-payers.html

@@ -17,7 +17,7 @@
     <button class="mobile-menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false" id="mobileMenuToggle">
       ☰
     </button>
-    <ul style="list-style:none; padding:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;" id="mainNav">
+    <ul id="mainNav">
       <li><a href="index.html" style="color:#888;">Home</a></li>
       <li><a href="solutions-payers.html" style="color:#888;">Solutions</a></li>
       <li><a href="pricing.html" style="color:#888;">Pricing</a></li>