fix: simplify parameter toggle button positioning

CHANGELOG.md

@@ -1,6 +1,11 @@
 ## Changelog
 
-Current [release](https://github.com/flowbi/pgweb/releases) is `0.16.17`.
+Current [release](https://github.com/flowbi/pgweb/releases) is `0.16.18`.
+
+## 0.16.18 - 2025-11-23
+
+- `FIX` Simplify parameter toggle button positioning logic
+- `FIX` Update test URLs in development script
 
 ## 0.16.17 - 2025-11-23
 

dev.sh

@@ -488,7 +488,7 @@ start_development() {
 
     # Test parameter substitution URL
     echo_info "Test URL with parameters:"
-    echo_info "http://localhost:8081/?Client=client&Instance=instance&ClientName=client-name&InstanceName=instance-name&AccountId=account-id"
+    echo_info "http://localhost:8081/?Client=client-uuid&Instance=instance-uuid&ClientName=client-name&InstanceName=instance-name&AccountId=account-id"
 }
 
 # Stop development environment
@@ -532,7 +532,7 @@ test_browser() {
     echo_info "Testing parameter substitution..."
     sleep 2
     echo_info "Opening pgweb with test parameters..."
-    local test_url="http://localhost:8081/?Client=client&Instance=instance&ClientName=client-name&InstanceName=instance-name&AccountId=account-id&AccountPerspective=account-perspective&AccountDbUser=account-db-user&AccountName=account-name&AccountEmail=account-email&FolderName=folder-name&InvalidParameter=shouldnotshow"
+    local test_url="http://localhost:8081/?Client=client-uuid&Instance=instance-uuid&ClientName=client-name&InstanceName=instance-name&AccountId=account-id&AccountPerspective=account-perspective&AccountDbUser=account-db-user&AccountName=account-name&AccountEmail=account-email&FolderName=folder-name&InvalidParameter=shouldnotshow"
     open "$test_url" 2>/dev/null || echo_warning "Could not open browser automatically"
     echo_info "Test URL: $test_url"
 }

static/css/app.css

@@ -748,25 +748,20 @@ body, html {
   overflow-y: auto;
 }
 
-.connection-actions {
+.parameter-toggle-action {
   position: absolute;
   right: 8px;
   top: 10px;
   display: none;
 }
 
-.parameter-toggle-action {
+.connection-actions {
   position: absolute;
-  right: 8px;
+  right: 50px;
   top: 10px;
   display: none;
 }
 
-/* When both are visible, shift parameter toggle to the left */
-.connection-actions:not([style*="display: none"]) ~ .parameter-toggle-action {
-  right: 200px;
-}
-
 #edit_connection, #close_connection {
   background: var(--pgweb-primary-color);
   color: var(--pgweb-primary-text);

static/index.html

@@ -36,16 +36,16 @@
         <li id="table_connection">Connection</li>
       </ul>
 
-      <div class="connection-actions">
-        <a href="#" id="edit_connection" class="btn btn-default btn-sm"><i class="fa fa-database"></i> Connect</a>
-        <a href="#" id="close_connection" class="btn btn-default btn-sm">Disconnect</a>
-      </div>
-
       <div class="parameter-toggle-action">
         <a href="#" id="toggle_param_overlay" class="btn btn-default btn-sm" title="Toggle parameter overlay">
           <i class="fa fa-toggle-off"></i>
         </a>
       </div>
+
+      <div class="connection-actions">
+        <a href="#" id="edit_connection" class="btn btn-default btn-sm"><i class="fa fa-database"></i> Connect</a>
+        <a href="#" id="close_connection" class="btn btn-default btn-sm">Disconnect</a>
+      </div>
     </div>
     <div id="sidebar">
       <div class="current-database">