do not hardcode oauth urls

app/developer/templates/developer/client_details/oauth_endpoint.html

@@ -9,10 +9,10 @@
     <label class="form-label">Authorization endpoint</label>
 
     <div class="input-group mt-2">
-      <input type="text" disabled value="https://app.simplelogin.io/oauth2/authorize" class="form-control">
+      <input type="text" disabled value="{{ URL + "/oauth2/authorize" }}" class="form-control">
       <span class="input-group-append">
           <button
-              data-clipboard-text="https://app.simplelogin.io/oauth2/authorize"
+              data-clipboard-text="{{ URL + "/oauth2/authorize" }}"
               class="clipboard btn btn-primary" type="button">
             <i class="fe fe-clipboard"></i>
           </button>
@@ -24,10 +24,10 @@
     <label class="form-label">Token endpoint</label>
 
     <div class="input-group mt-2">
-      <input type="text" disabled value="https://app.simplelogin.io/oauth2/token" class="form-control">
+      <input type="text" disabled value="{{ URL + "/oauth2/token" }}" class="form-control">
       <span class="input-group-append">
           <button
-              data-clipboard-text="https://app.simplelogin.io/oauth2/token"
+              data-clipboard-text="{{ URL + "/oauth2/token" }}"
               class="clipboard btn btn-primary" type="button">
             <i class="fe fe-clipboard"></i>
           </button>
@@ -39,10 +39,10 @@
     <label class="form-label">UserInfo endpoint</label>
 
     <div class="input-group mt-2">
-      <input type="text" disabled value="https://app.simplelogin.io/oauth2/userinfo" class="form-control">
+      <input type="text" disabled value="{{ URL + "/oauth2/userinfo" }}" class="form-control">
       <span class="input-group-append">
           <button
-              data-clipboard-text="https://app.simplelogin.io/oauth2/userinfo"
+              data-clipboard-text="{{ URL + "/oauth2/userinfo" }}"
               class="clipboard btn btn-primary" type="button">
             <i class="fe fe-clipboard"></i>
           </button>

app/developer/templates/developer/client_details/oauth_setting.html

@@ -43,7 +43,7 @@
         <label class="form-label col">Authorized Redirect URIs</label>
         <p class="col text-right">
           <small class="text-muted">
-            <em>redirect_uri</em> must be <b>HTTPS</b> for security reason.
+            <b>redirect_uri</b> must be <b>HTTPS</b> for security reason.
           </small>
         </p>
       </div>
@@ -52,20 +52,20 @@
         <div class="alert alert-warning alert-dismissible fade show mb-4" role="alert">
           <p>
             You haven't added any <a href="https://www.oauth.com/oauth2-servers/redirect-uris/">redirect_uri</a>,
-            that is the url that will receive the <em>code</em> or <em>access-token</em> in OAuth2 flow.
+            that is the url that will receive the <b>code</b> or <b>access-token</b> in OAuth2 flow.
           </p>
           <p>
             There's NO NEED to add <em>http://localhost:*</em> as by default,
-            SimpleLogin <em>whitelists</em> localhost (unlike Facebook).
+            SimpleLogin <b>whitelists</b> localhost (unlike Facebook).
           </p>
           <p>
-            You DO need to add your <em>redirect_uri</em> once your website/app goes live (i.e. deployed on production).
+            You DO need to add your <b>redirect_uri</b> once your website/app goes live (i.e. deployed on production).
           </p>
           <p>
-            The <em>redirect_uri</em> needs to be <b>HTTPS</b> for security reason.
+            The <b>redirect_uri</b> needs to be <b>HTTPS</b> for security reason.
           </p>
           <p>
-            Start by adding your first <em>redirect_uri</em> here 👇
+            Start by adding your first <b>redirect_uri</b> here 👇
           </p>
         </div>
       {% endif %}

app/developer/templates/developer/new_client.html

@@ -7,11 +7,11 @@
 {% endblock %}
 
 {% block default_content %}
-  <h1>Create new app</h1>
+  <div class="card">
+    <div class="card-body">
+      <h1 class="h3">Create new app</h1>
       <p>An app can be a website, a SPA webapp or a mobile application</p>
-  <small>Let's get started integrating SimpleLogin into your app! </small>
+      <p>Let's get started integrating SimpleLogin into your app! </p>
-
-  <hr>
 
       <form method="post" enctype="multipart/form-data">
         {{ form.csrf_token }}
@@ -25,6 +25,7 @@
 
         <button type="submit" class="btn btn-primary">Create</button>
       </form>
-
+    </div>
+  </div>
 
 {% endblock %}