Move clone button to the left

frontend/src/Indexer/Info/IndexerInfoModalContent.css

@@ -40,3 +40,16 @@
 .tabContent {
   margin-top: 20px;
 }
+
+.modalFooter {
+  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+
+  justify-content: space-between;
+}
+
+@media only screen and (max-width: $breakpointExtraSmall) {
+  .modalFooter {
+    flex-direction: column;
+    gap: 10px;
+  }
+}

frontend/src/Indexer/Info/IndexerInfoModalContent.css.d.ts

@@ -3,6 +3,7 @@
 interface CssExports {
   'deleteButton': string;
   'description': string;
+  'modalFooter': string;
   'selectedTab': string;
   'tab': string;
   'tabContent': string;

frontend/src/Indexer/Info/IndexerInfoModalContent.tsx

@@ -348,7 +348,8 @@ function IndexerInfoModalContent(props: IndexerInfoModalContentProps) {
           </TabPanel>
         </Tabs>
       </ModalBody>
-      <ModalFooter>
+      <ModalFooter className={styles.modalFooter}>
+        <div>
           <Button
             className={styles.deleteButton}
             kind={kinds.DANGER}
@@ -359,8 +360,11 @@ function IndexerInfoModalContent(props: IndexerInfoModalContentProps) {
           <Button onPress={onCloneIndexerPressWrapper}>
             {translate('Clone')}
           </Button>
+        </div>
+        <div>
           <Button onPress={onEditIndexerPress}>{translate('Edit')}</Button>
           <Button onPress={onModalClose}>{translate('Close')}</Button>
+        </div>
       </ModalFooter>
 
       <EditIndexerModalConnector