adding button styling for contrib request button

Author: thinknoack

docker-compose.yml

@@ -169,12 +169,12 @@ services:
     env_file: ./config.env
     init: true
     command: [
-      'taskiq',
-      'scheduler',
-      'datalad_service.broker.scheduler:scheduler',
-      '--tasks-pattern',
-      'datalad_service/tasks/*.py',
-      '--fs-discover',
+      "taskiq",
+      "scheduler",
+      "datalad_service.broker.scheduler:scheduler",
+      "--tasks-pattern",
+      "datalad_service/tasks/*.py",
+      "--fs-discover",
     ]
     depends_on:
       redis:

packages/openneuro-app/src/scripts/components/button/button.scss

@@ -10,6 +10,7 @@
   line-height: 1.4em;
 }
 
+
 .on-button--primary {
   color: #fff;
   background-color: var(--current-theme-primary);

packages/openneuro-app/src/scripts/dataset/mutations/request-contributor-status.tsx

@@ -9,7 +9,7 @@ import {
 } from "../../queries/datasetEvents.js"
 
 export const RequestContributorButton = (
-  { datasetId, datasetPermissions, currentUserId },
+  { datasetId, datasetPermissions, currentUserId, className },
 ) => {
   const [createContributorRequest, { loading }] = useMutation(
     CREATE_CONTRIBUTOR_REQUEST_EVENT,
@@ -59,7 +59,7 @@ export const RequestContributorButton = (
     <button
       onClick={handleRequest}
       disabled={loading}
-      className="px-4 py-2 rounded-lg bg-blue-600 text-white font-semibold hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 transition duration-150 ease-in-out shadow-md"
+      className="on-button on-button--small on-button--primary request-contributor-button"
     >
       {loading ? "Sending Request..." : "Request Contributor Access"}
     </button>

packages/openneuro-app/src/scripts/dataset/snapshot-container.tsx

@@ -181,19 +181,24 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
               />
               <MetaDataBlock
                 heading="Authors"
-                item={description?.Authors?.length
-                  ? description.Authors.join(", ")
-                  : "N/A"}
+                item={
+                  <>
+                    {profile && (
+                      <RequestContributorButton
+                        datasetId={datasetId}
+                        datasetPermissions={dataset.permissions
+                          ?.userPermissions ||
+                          []}
+                        currentUserId={currentUserId}
+                      />
+                    )}
+                    {description?.Authors?.length
+                      ? description.Authors.join(", ")
+                      : "N/A"}
+                  </>
+                }
                 className="dmb-inline-list"
               />
-              {profile && (
-                <RequestContributorButton
-                  datasetId={datasetId}
-                  datasetPermissions={dataset.permissions?.userPermissions ||
-                    []}
-                  currentUserId={currentUserId}
-                />
-              )}
               <>
                 {summary && (
                   <ModalitiesMetaDataBlock

packages/openneuro-app/src/scripts/scss/dataset/dataset-page.scss

@@ -172,8 +172,15 @@
     }
   }
 }
-
+.sidebar .request-contributor-button{
+    position: absolute;
+    top: 0;
+    right: 0;
+        font-size: 12px;
+    padding: 3px 10px;
+}
 .sidebar .dataset-meta-block {
+  position: relative;
   margin-bottom: 25px;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
     sans-serif, Apple Color Emoji, Segoe UI Emoji;