add flex 1 to form buttons

Author: siddharthkp

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/ProjectInfo/EditSummary.tsx

@@ -90,11 +90,15 @@ export const EditSummary = ({ setEditing }) => {
         <TagInput value={newTags} onChange={setNewTags} />
       </Stack>
 
-      <Stack paddingX={2}>
-        <Button variant="link" onClick={() => setEditing(false)}>
+      <Stack justify="space-between" paddingX={2}>
+        <Button
+          variant="link"
+          css={{ flex: 1 }}
+          onClick={() => setEditing(false)}
+        >
           Cancel
         </Button>
-        <Button type="submit" variant="secondary">
+        <Button type="submit" css={{ flex: 1 }} variant="secondary">
           Save
         </Button>
       </Stack>

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Server/VarForm.tsx

@@ -63,11 +63,20 @@ export const VarForm = props => {
       </FormField>
       <Stack paddingX={2} marginTop={2}>
         {props.name && props.value ? (
-          <Button variant="link" onClick={() => props.onCancel()}>
+          <Button
+            variant="link"
+            css={{ flex: 1 }}
+            onClick={() => props.onCancel()}
+          >
             Cancel
           </Button>
         ) : null}
-        <Button variant="secondary" type="submit" disabled={!name || !value}>
+        <Button
+          type="submit"
+          variant="secondary"
+          css={{ flex: 1 }}
+          disabled={!name || !value}
+        >
           {props.name && props.value ? 'Save' : 'Add Secret'}
         </Button>
       </Stack>