From d194131f17f4bc8626d9cdd3c3347a16197858c2 Mon Sep 17 00:00:00 2001
From: Kenneth Pirman <github@kenny.wtf>
Date: Mon, 23 Mar 2020 10:40:30 +0100
Subject: [PATCH] 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>
---
 .../components/ResourceActions/ResourceActions.less    |  1 -
 src/shared/components/ResourceActions/index.tsx        |  2 +-
 src/shared/containers/ResourceActionsContainer.tsx     | 10 +++++-----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/shared/components/ResourceActions/ResourceActions.less b/src/shared/components/ResourceActions/ResourceActions.less
index 9b86bee59..b86318c14 100644
--- 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
index d7d298d94..8e2380fb4 100644
--- 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
index 36362b5f0..be48cc976 100644
--- 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>
   );
 };