From f2c1d453e7a0d7cffb6276f39d5c1f1028e22440 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 12 Feb 2022 14:42:26 -0600
Subject: [PATCH] Cleanup sso config page

---
 client/pages/config/sso.vue | 71 ++++++++++++++++---------------------
 1 file changed, 31 insertions(+), 40 deletions(-)

diff --git a/client/pages/config/sso.vue b/client/pages/config/sso.vue
index 5075e0b9b..9038a160c 100644
--- a/client/pages/config/sso.vue
+++ b/client/pages/config/sso.vue
@@ -1,50 +1,36 @@
 <template>
   <div>
     <div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8">
-      <div class="flex items-center mb-2">
+      <div class="flex items-center mb-4">
         <h1 class="text-xl">SSO Provider Settings</h1>
       </div>
 
-      <div class="flex items-center py-2">
-        <p class="pl-4 text-lg">Issuer&nbsp;</p>
-        <ui-text-input v-model="oidc.issuer" :disabled="updatingSSOSettings" />
+      <div class="flex flex-wrap mb-2 -mx-2">
+        <div class="w-full md:w-1/2 px-2 mb-2">
+          <ui-text-input-with-label v-model="oidc.issuer" :disabled="updatingSSOSettings" label="Issuer" />
+        </div>
+        <div class="w-full md:w-1/2 px-2 mb-2">
+          <ui-text-input-with-label v-model="oidc.authorizationURL" :disabled="updatingSSOSettings" label="Authorization URL" />
+        </div>
+        <div class="w-full md:w-1/2 px-2 mb-2">
+          <ui-text-input-with-label v-model="oidc.tokenURL" :disabled="updatingSSOSettings" label="Token URL" />
+        </div>
+        <div class="w-full md:w-1/2 px-2 mb-2">
+          <ui-text-input-with-label v-model="oidc.userInfoURL" :disabled="updatingSSOSettings" label="User Info URL" />
+        </div>
+        <div class="w-full md:w-1/2 px-2 mb-2">
+          <ui-text-input-with-label v-model="oidc.clientID" :disabled="updatingSSOSettings" label="Client ID" />
+        </div>
+        <div class="w-full md:w-1/2 px-2 mb-2">
+          <ui-text-input-with-label v-model="oidc.clientSecret" type="password" :disabled="updatingSSOSettings" label="Client Secret" />
+        </div>
       </div>
 
-      <div class="flex items-center py-2">
-        <p class="pl-4 text-lg">Authorization URL&nbsp;</p>
-        <ui-text-input v-model="oidc.authorizationURL" :disabled="updatingSSOSettings" />
-      </div>
-
-      <div class="flex items-center py-2">
-        <p class="pl-4 text-lg">Token URL&nbsp;</p>
-        <ui-text-input v-model="oidc.tokenURL" :disabled="updatingSSOSettings" />
-      </div>
-
-      <div class="flex items-center py-2">
-        <p class="pl-4 text-lg">User Info URL&nbsp;</p>
-        <ui-text-input v-model="oidc.userInfoURL" :disabled="updatingSSOSettings" />
-      </div>
-
-      <div class="flex items-center py-2">
-        <p class="pl-4 text-lg">Client ID&nbsp;</p>
-        <ui-text-input v-model="oidc.clientID" :disabled="updatingSSOSettings" />
-      </div>
-
-      <div class="flex items-center py-2">
-        <p class="pl-4 text-lg">Client Secret&nbsp;</p>
-        <ui-text-input type="password" v-model="oidc.clientSecret" :disabled="updatingSSOSettings" />
-      </div>
-
-      <div class="flex items-center mb-2">
+      <!-- <div class="flex items-center mb-2">
         <h1 class="text-xl">User Settings</h1>
-      </div>
+      </div> -->
 
-      <div class="flex items-center mb-2">
-        <ui-toggle-switch v-model="user.createNewUser" :disabled="updatingSSOSettings" />
-        <p class="pl-4 text-lg">Create a new user on first login</p>
-      </div>
-
-      <div class="flex items-center mb-2">
+      <!-- <div class="flex items-center mb-2">
         <ui-toggle-switch v-model="permissionDownload" :disabled="updatingSSOSettings || !user.createNewUser" />
         <p class="pl-4 text-lg">The new user is allowed to download</p>
       </div>
@@ -67,10 +53,15 @@
       <div class="flex items-center mb-2">
         <ui-toggle-switch v-model="permissionAccessAllLibraries" :disabled="updatingSSOSettings || !user.createNewUser" />
         <p class="pl-4 text-lg">The new user is allowed to access all libraries</p>
-      </div>
+      </div> -->
 
-      <div class="flex items-center mb-2">
-        <ui-btn @click="saveSSOSettings">Save</ui-btn>
+      <div class="flex items-center justify-between pt-4">
+        <div class="flex items-center">
+          <ui-toggle-switch v-model="user.createNewUser" :disabled="updatingSSOSettings" />
+          <p class="pl-4 text-lg">Create a new user on first login</p>
+        </div>
+
+        <ui-btn class="w-48" @click="saveSSOSettings">Save</ui-btn>
       </div>
     </div>
   </div>