Rest of console buttons

Author: Benjamin Perez

portal-ui/src/screens/Console/Configurations/SiteReplication/ReplicationSites.tsx

@@ -245,6 +245,9 @@ const ReplicationSites = ({
                         e.preventDefault();
                         setIsDeleteSiteKey(key);
                       }}
+                      style={{
+                        width: "25px", height: "25px", padding: "0",
+                      }}
                     />
                   </TooltipWrapper>
                   <TooltipWrapper tooltip={"Edit Endpoint"}>
@@ -256,6 +259,9 @@ const ReplicationSites = ({
                         e.preventDefault();
                         setEditSite(siteInfo);
                       }}
+                      style={{
+                        width: "25px", height: "25px", padding: "0", marginLeft: "8px",
+                      }}
                     />
                   </TooltipWrapper>
                 </Box>

portal-ui/src/screens/Console/Configurations/SiteReplication/SiteReplication.tsx

@@ -119,10 +119,13 @@ const SiteReplication = () => {
             display: "flex",
             alignItems: "center",
             justifyContent: "flex-end",
+            "& button": {
+              marginLeft: "8px",
+            },
           }}
         >
           {hasSites ? (
-            <Box>
+            <Fragment>
               <TooltipWrapper tooltip={"Delete All"}>
                 <Button
                   id={"delete-all"}
@@ -147,7 +150,7 @@ const SiteReplication = () => {
                   }}
                 />
               </TooltipWrapper>
-            </Box>
+            </Fragment>
           ) : null}
           <TooltipWrapper tooltip={"Add Replication Sites"}>
             <Button