Slight button ordering adjustments (#3271)

packages/page-council/src/Overview/Vote.tsx

@@ -112,6 +112,7 @@ function Vote ({ electionsInfo }: Props): React.ReactElement<Props> {
             <TxButton
               accountId={accountId}
               isDisabled={!accountId || votes.length === 0 || voteValue.lten(0)}
+              label={t<string>('Vote')}
               onStart={toggleVisible}
               params={[votes, voteValue]}
               tx={

packages/page-council/src/Overview/index.tsx

@@ -51,8 +51,8 @@ function Overview ({ className = '', prime }: Props): React.ReactElement<Props>
         electionsInfo={electionsInfo}
       />
       <Button.Group>
-        <SubmitCandidacy electionsInfo={electionsInfo} />
         <Vote electionsInfo={electionsInfo} />
+        <SubmitCandidacy electionsInfo={electionsInfo} />
       </Button.Group>
       <Members
         allVotes={allVotes}

packages/page-treasury/src/Overview/TipCreate.tsx

@@ -40,7 +40,7 @@ function TipCreate ({ members, refresh }: Props): React.ReactElement<Props> {
     <>
       <Button
         icon='plus'
-        label={t<string>('Tip')}
+        label={t<string>('Propose tip')}
         onClick={toggleOpen}
       />
       {isOpen && (

packages/page-treasury/src/Overview/index.tsx

@@ -41,11 +41,11 @@ function Overview ({ className }: Props): React.ReactElement<Props> {
         proposalCount={info?.proposals.length}
       />
       <Button.Group>
-        <ProposalCreate />
         <TipCreate
           members={members}
           refresh={triggerTipHashes}
         />
+        <ProposalCreate />
       </Button.Group>
       <Proposals
         isMember={isMember}

packages/react-components/src/Button/Group.tsx

@@ -30,4 +30,8 @@ export default React.memo(styled(ButtonGroup)`
   &+.ui--Table {
     margin-top: 1.5rem;
   }
+
+  .ui--Button {
+    margin: 0 0.25rem;
+  }
 `);

packages/react-components/src/Table/Body.tsx

@@ -131,6 +131,10 @@ export default React.memo(styled(Body)`
     &.favorite .ui--Icon.isSelected {
       color: darkorange;
     }
+
+    .ui--Button-Group .ui--Button {
+      margin: 0;
+    }
   }
 
   tr {