feat(web): Improve UI styling and add registration prompt

ts_web/elements/idp-logincontainer.ts

@@ -88,31 +88,31 @@ export class IdpLogincontainer extends DeesElement {
       }
 
       .loginblock {
-        max-width: 520px;
+        max-width: 500px;
         flex-grow: 1;
         transform: translate3d(0px, 0px, 0px);
         transition: all 0.2s;
         box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
-        background: ${cssManager.bdTheme('#ffffff', '#181818')};
-        border-top: 1px solid ${cssManager.bdTheme('#ffffff', '#333333')};
+        background: ${cssManager.bdTheme('#ffffff', '#111111')};
+        border-top: 1px solid ${cssManager.bdTheme('#ffffff', '#222222')};
         border-radius: 16px;
         overflow: hidden;
       }
 
-      img {
-        width: 130px;
-        min-height: 34.9px;
-        display: block;
-        margin: auto;
-        margin-top: 16px;
-        margin-bottom: 25px;
-        filter: ${cssManager.bdTheme('invert(1)', '')};
+      h1 {
+        font-size: 24px;
+        font-family: 'Cal Sans';
+        text-align: center;
+        letter-spacing:0.0125em;
+      }
+
+      .contentSpacer {
+        padding: 0px 0px 16px 0px;
       }
 
       .legalinfo {
         text-align: center;
         margin: auto;
-        margin-top: 10px;
         color: ${cssManager.bdTheme('#666', '#ccc')};
         font-size: 12px;
         line-height: 100%;
@@ -133,10 +133,10 @@ export class IdpLogincontainer extends DeesElement {
     return html`
       <div class="mainContainer loginPromptContainer">
         <div class="loginblock">
-          <img
-            src="https://assetbroker.lossless.one/brandfiles/00general/plain_workspaceglobal.svg"
-          />
-          <idp-login></idp-login>
+          <h1>idp.global</h1>
+          <div class="contentSpacer">
+            <idp-login></idp-login>
+          </div>
           <div class="legalinfo">
             <a href="https://legal.task.vc/" target="_blank">Legal Info</a>
             | <a href="https://task.vc/" target="_blank">Company Website</a>