fix resource action styling by putting all the action buttons in same…

… div (#611) Co-authored-by: Pirman Kenneth William <pirman@bb-c02sg3sdfvh8.epfl.ch>
BlueBrain · Mar 23, 2020 · d194131 · d194131
1 parent 2de35f9
commit d194131
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/src/shared/components/ResourceActions/ResourceActions.less b/src/shared/components/ResourceActions/ResourceActions.less
@@ -5,7 +5,6 @@
   padding: @default-pad 0;
   font-size: 0.8rem;
 
-  > .action,
   button {
     margin-right: 5px;
   }

diff --git a/src/shared/components/ResourceActions/index.tsx b/src/shared/components/ResourceActions/index.tsx
@@ -100,7 +100,7 @@ const ResourceActions: React.FunctionComponent<{
       });
   }, [resource._self, resource._rev]);
 
-  return <span>{actionButtons}</span>;
+  return <>{actionButtons}</>;
 };
 
 export default ResourceActions;
diff --git a/src/shared/containers/ResourceActionsContainer.tsx b/src/shared/containers/ResourceActionsContainer.tsx
@@ -196,17 +196,17 @@ const ResourceActionsContainer: React.FunctionComponent<{
             </Tooltip>
           )}
         />
+        <ResourceDownloadButton
+          orgLabel={orgLabel}
+          projectLabel={projectLabel}
+          resourceId={encodeURIComponent(resourceId)}
+        />
         <ResourceActions
           resource={resource}
           actions={actions}
           actionTypes={actionTypes}
         />
       </div>
-      <ResourceDownloadButton
-        orgLabel={orgLabel}
-        projectLabel={projectLabel}
-        resourceId={encodeURIComponent(resourceId)}
-      />
     </div>
   );
 };