Upload page.tsx

ui/src/app/dashboard/page.tsx

@@ -59,26 +59,36 @@ export default function Dashboard() {
               </Link>
             </div>
           ) : (
-            <div className="flex flex-col gap-4 text-sm">
-              <p className="text-sm text-gray-300">
-                If you are joining for the hackathon, make sure you registered at the hackathon{' '}<a href="https://bfl-kontext-dev.devpost.com/" target="_blank" rel="noopener noreferrer" className="text-blue-400 underline">here</a>{' '}, and please join this{' '}
-                <a
-                  href="https://huggingface.co/organizations/lora-training-frenzi/share/kEyyVNQXBPWqmARdwHFVdIiFqqONHZPOtz"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-blue-400 underline"
-                >
-                  organization
-                </a>{' '}
-                and authorize the <code className="bg-gray-800 px-1 rounded">lorafrenzi</code> organization when logging in.
-              </p>
+            <div className="flex flex-col gap-2 text-sm">
               <div className="flex flex-wrap items-start gap-4">
                 <HFLoginButton size="md" />
-                <img
-                  src="https://huggingface.co/spaces/multimodalart/ai-toolkit/resolve/main/add_org_to_oauth.png"
-                  alt="Authorize lorafrenzi organization"
-                  className="max-w-xs rounded border border-gray-800"
-                />
+                <div className="flex flex-col gap-2 text-sm text-gray-300 max-w-sm">
+                  <p>
+                    If you are joining for the hackathon, make sure you registered at the{' '}
+                    <a
+                      href="https://bfl-kontext-dev.devpost.com"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-400 underline"
+                    >
+                      hackathon here
+                    </a>, and please join this{' '}
+                    <a
+                      href="https://huggingface.co/organizations/lora-training-frenzi/share/kEyyVNQXBPWqmARdwHFVdIiFqqONHZPOtz"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-400 underline"
+                    >
+                      organization
+                    </a>{' '}
+                    and authorize the <code className="bg-gray-800 px-1 rounded">lorafrenzi</code> organization when logging in.
+                  </p>
+                  <img
+                    src="https://huggingface.co/spaces/multimodalart/ai-toolkit/resolve/main/add_org_to_oauth.png"
+                    alt="Authorize lorafrenzi organization"
+                    className="max-w-sm rounded border border-gray-800"
+                  />
+                </div>
               </div>
               <Link
                 href="/settings"