DS Picker: Align open advanced button to right (#68394)

2023-05-12 16:03:25 +00:00
parent 446885bd1a
commit da00df8e5c
1 changed files with 6 additions and 5 deletions
@@ -222,11 +222,6 @@ const PickerContent = React.forwardRef<HTMLDivElement, PickerContentProps>((prop
        }
      ></DataSourceList>
      <div className={styles.footer}>
-        {onClickAddCSV && config.featureToggles.editPanelCSVDragAndDrop && (
-          <Button variant="secondary" size="sm" onClick={clickAddCSVCallback}>
-            Add csv or spreadsheet
-          </Button>
-        )}
        <ModalsController>
          {({ showModal, hideModal }) => (
            <Button
@@ -254,6 +249,11 @@ const PickerContent = React.forwardRef<HTMLDivElement, PickerContentProps>((prop
            </Button>
          )}
        </ModalsController>
+        {onClickAddCSV && config.featureToggles.editPanelCSVDragAndDrop && (
+          <Button variant="secondary" size="sm" onClick={clickAddCSVCallback}>
+            Add csv or spreadsheet
+          </Button>
+        )}
      </div>
    </div>
  );
@@ -280,6 +280,7 @@ function getStylesPickerContent(theme: GrafanaTheme2) {
    footer: css`
      flex: 0;
      display: flex;
+      flex-direction: row-reverse;
      justify-content: space-between;
      padding: ${theme.spacing(1.5)};
      border-top: 1px solid ${theme.colors.border.weak};