[#7056] added Box OAuth2 provider

Co-authored-by: Blake Patteson <bpatteson@me.com>

ui/src/providers.js

@@ -78,11 +78,6 @@ export default [
         optionsComponent: SelfHostedOptions,
         optionsComponentProps: { title: "Self-hosted endpoints (optional)" },
     },
-    {
-        key: "linear",
-        title: "Linear",
-        logo: "linear.svg",
-    },
     {
         key: "discord",
         title: "Discord",
@@ -103,6 +98,11 @@ export default [
         title: "VK",
         logo: "vk.svg"
     },
+    {
+        key: "linear",
+        title: "Linear",
+        logo: "linear.svg",
+    },
     {
         key:   "notion",
         title: "Notion",
@@ -113,6 +113,11 @@ export default [
         title: "monday.com",
         logo:  "monday.svg",
     },
+    {
+        key:   "box",
+        title: "Box",
+        logo:  "box.svg",
+    },
     {
         key: "spotify",
         title: "Spotify",

ui/src/scss/_base.scss

@@ -910,7 +910,6 @@ a.thumb:not(.thumb-active) {
 
 .provider-logo {
     $boxSize: 32px;
-    $imgSize: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -919,13 +918,14 @@ a.thumb:not(.thumb-active) {
     height: $boxSize;
     border-radius: var(--baseRadius);
     background: var(--bodyColor);
-    padding: 0;
+    padding: 5px;
     gap: 0;
     img {
-        max-width: $imgSize;
-        max-height: $imgSize;
-        height: auto;
         flex-shrink: 0;
+        width: auto;
+        height: auto;
+        max-width: 100%;
+        max-height: 100%;
     }
 }
 .provider-card {