From db43fa367e98f30d4fac98170123c696088b6863 Mon Sep 17 00:00:00 2001
From: linuxchata <linuxchata@hotmail.com>
Date: Wed, 11 Feb 2026 22:49:03 +0100
Subject: [PATCH] Improve CSS styling

---
 .../Pages/Login.cshtml                        |  2 +-
 .../wwwroot/css/site.css                      | 35 +++++++++++--------
 2 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/Shark.Sample.AuthorizationServer/Pages/Login.cshtml b/src/Shark.Sample.AuthorizationServer/Pages/Login.cshtml
index a53783b..ccd51b9 100644
--- a/src/Shark.Sample.AuthorizationServer/Pages/Login.cshtml
+++ b/src/Shark.Sample.AuthorizationServer/Pages/Login.cshtml
@@ -29,7 +29,7 @@
                                 {
                                     <label class="checkbox-label">
                                         <input type="checkbox" name="selectedScopes" value="@item" @(Html.Raw(true ? "checked=\"checked\"" : "")) />
-                                        <span>@item</span>
+                                        <span class="noselect">@item</span>
                                     </label>
                                 }
                             }
diff --git a/src/Shark.Sample.AuthorizationServer/wwwroot/css/site.css b/src/Shark.Sample.AuthorizationServer/wwwroot/css/site.css
index aeae291..c16ba0e 100644
--- a/src/Shark.Sample.AuthorizationServer/wwwroot/css/site.css
+++ b/src/Shark.Sample.AuthorizationServer/wwwroot/css/site.css
@@ -1,5 +1,7 @@
 :root {
-    --color-primary: #8a4600;
+    --color-primary: #fcd34d;
+    --color-primary-hover: #fbbd24;
+    --color-primary-text: #1f2937;
     --color-border: #ccc;
     --color-text: #34495e;
 }
@@ -36,15 +38,15 @@ body {
 
 input[type="submit"] {
     background-color: var(--color-primary);
-    color: white;
+    color: var(--color-primary-text);
     border: none;
-    padding: 8px 20px;
+    padding: 10px 30px;
     cursor: pointer;
-    border-radius: 4px;
+    border-radius: 3px;
 }
 
     input[type="submit"]:hover {
-        background-color: darkorange;
+        background-color: var(--color-primary-hover);
     }
 
 
@@ -54,12 +56,11 @@ input[type="submit"] {
     border: none;
     padding: 1rem 2.5rem;
     border-radius: 12px;
-    font-size: 1.1rem;
+    font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.3s ease;
     margin: 1.5rem 0 0 0;
-    letter-spacing: 1px;
 }
 
     .button:hover {
@@ -94,7 +95,7 @@ input[type="checkbox"] {
     appearance: none;
     width: 20px;
     height: 20px;
-    border: 2px solid var(--color-border);
+    border: 1px solid var(--color-border);
     border-radius: 4px;
     outline: none;
     cursor: pointer;
@@ -109,11 +110,11 @@ input[type="checkbox"] {
         input[type="checkbox"]:checked::before {
             content: "";
             position: absolute;
-            left: 5px;
-            top: 1px;
+            left: 6px;
+            top: 2px;
             width: 6px;
             height: 10px;
-            border: solid white;
+            border: solid var(--color-primary-text);
             border-width: 0 2px 2px 0;
             transform: rotate(45deg);
         }
@@ -128,10 +129,6 @@ input[type="checkbox"] {
     transition: all 0.3s ease;
 }
 
-    .checkbox-label:hover {
-        background: #e9ecef;
-    }
-
 .label {
     display: block;
     color: #2c3e50;
@@ -329,3 +326,11 @@ input[type="checkbox"] {
     justify-content: center;
     margin-top: 1rem;
 }
+
+.noselect {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}