💄 Optimized web version styling

DysonNetwork.Sphere/Pages/Auth/Login.cshtml

@@ -21,6 +21,15 @@
                 Next
             </button>
         </form>
+
+        <div class="mt-8 flex flex-col text-sm text-center">
+            <span class="text-gray-900 dark:text-white opacity-80">Have no account?</span>
+
+            <a href="https://solian.app/#/auth/create-account"
+               class="text-blue-600 hover:text-blue-500 dark:text-blue-400 dark:hover:text-blue-300">
+                Create a new account →
+            </a>
+        </div>
     </div>
 </div>
 

DysonNetwork.Sphere/Pages/Auth/VerifyFactor.cshtml

@@ -52,6 +52,7 @@
                     <input asp-for="Code"
                            class="form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:text-white px-4 py-2"
                            autocomplete="one-time-code"
+                           type="password"
                            autofocus />
                     <span asp-validation-for="Code" class="text-red-500 text-sm mt-1"></span>
                 </div>

DysonNetwork.Sphere/wwwroot/css/styles.css

@@ -267,6 +267,9 @@
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }