Sequence editor. Layout fixes

web/js/sections/home.js

@@ -81,9 +81,19 @@ const HomeSection = {
               </div>
             </button>
 
+            <button class="sidebar-nav-item" data-route="sequence-editor"
+                    onclick="document.getElementById('nav-sequence-editor').click()"
+                    style="padding:14px 16px;background:var(--surface-2);text-align:left;border:none;cursor:pointer;width:100%;">
+              <svg class="nav-icon"><use href="web/assets/icons.svg#icon-sequence"></use></svg>
+              <div>
+                <div style="font-weight:600;font-size:0.875rem;color:var(--text-primary)">Sequence Editor</div>
+                <div style="font-size:0.75rem;color:var(--text-muted);margin-top:2px">Build and test custom sequences</div>
+              </div>
+            </button>
+
             <button class="sidebar-nav-item" data-route="stepper-test"
                     onclick="document.getElementById('nav-stepper-test').click()"
-                    style="padding:14px 16px;background:var(--surface-2)">
+                    style="padding:14px 16px;background:var(--surface-2);text-align:left;border:none;cursor:pointer;width:100%;">
               <svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                 <circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/>
               </svg>