Moves mirror button before ellipsis button.

JaneliaSciComp · Mar 11, 2022 · 792cf22 · 792cf22
1 parent c62ab91
commit 792cf22
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/MatchModal/ImageActions.jsx b/src/components/MatchModal/ImageActions.jsx
@@ -9,12 +9,12 @@ export default function ImageActions({contextMenu, children}) {
 
   return (
     <>
+    {children}
     <Dropdown overlay={contextMenu}>
       <Button style={{marginLeft: "0.5em"}}>
         <EllipsisOutlined />
       </Button>
     </Dropdown>
-    {children}
     </>
   );
 }

diff --git a/src/components/MatchModal/MirrorButton.jsx b/src/components/MatchModal/MirrorButton.jsx
@@ -6,7 +6,7 @@ import { faRepeat } from "@fortawesome/pro-regular-svg-icons";
 
 export default function MirrorButton ({mirrored, onClick }) {
   return (
-    <Button style={{float: "right"}} onClick={() => onClick(!mirrored)}>
+    <Button style={{marginLeft: "0.5em" }} onClick={() => onClick(!mirrored)}>
       <FontAwesomeIcon icon={faRepeat} style={{ marginRight: "0.5em" }} />
       {mirrored ? "Unmirror" : "Mirror"}
     </Button>