From 9c74e295bd50c55e6c8d5271fc8fd1f32d9d19c9 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Wed, 9 Jul 2025 16:20:58 -0700
Subject: [PATCH] style: enhance run.html layout and user interaction

- Added user-select: none to disable text selection for better UX.
- Adjusted margins for buttons and elements to improve spacing and alignment.
- Modified the layout of the navigation bar for a cleaner appearance.
---
 src/puter-js/test/run.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/puter-js/test/run.html b/src/puter-js/test/run.html
index 0390baa41..8b4903256 100644
--- a/src/puter-js/test/run.html
+++ b/src/puter-js/test/run.html
@@ -20,6 +20,8 @@
             background: #EEE; 
             left: 0; 
             padding-left: 10px;
+            /* disable text selection */
+            user-select: none;
         }
         #tests {
             padding-top: 50px;
@@ -36,6 +38,7 @@
             display: inline-block;
             font-size: 16px;
             cursor: pointer;
+            margin-left: 20px;
         }
         #settings-btn {
             margin-left: 10px;
@@ -50,6 +53,8 @@
             display: inline-block;
             font-size: 16px;
             cursor: pointer;
+            float: right;
+            margin-right: 30px;
         }
         #settings-btn:hover {
             background-color: #555;
@@ -1009,9 +1014,9 @@
             <input type="checkbox" id="master-checkbox" checked style="margin-right: 5px; transform: scale(1.2);">
         </label>
         <span id="test-counter"></span>
-        <div style="flex: 1; text-align: right;">
-            <span id="reset-results" style="margin-right: 20px; cursor: pointer; color: #666; text-decoration: underline; font-size: 14px;">Reset results</span>
+        <div style="flex: 1;">
             <button id="run-tests" style="margin-right: 10px;">Run Tests</button>
+            <span id="reset-results" style="margin-right: 20px; cursor: pointer; color: #666; text-decoration: underline; font-size: 14px;">Reset results</span>
             <button id="settings-btn">Settings</button>
         </div>
     </nav>