Keep title and buttons consistent

front-end/src/App.tsx

@@ -93,7 +93,7 @@ const App = () => {
 													<Route exact path="/post/:id" >
 														<PostDiscussion/>
 													</Route>
-													<Route path="/onchain" >
+													<Route path="/on-chain" >
 														<OnChain/>
 													</Route>
 													<Route path="/request-reset-password">

front-end/src/components/DefaultAddressInfoBox.tsx

@@ -12,7 +12,7 @@ const DefaultAddressInfoBox = () => {
 			className='default-address-infobox'
 			dismissable={true}
 			name='defaultAddress'
-			title='Default Address is here!'
+			title='Default address is here!'
 		>
 			<p><Link to='/settings'>Visit your settings</Link> to set a default address and let other users see your on-chain identity.</p>
 			<p>If you don&apos;t have any on-chain identity yet,&nbsp;

front-end/src/components/Footer/index.tsx

@@ -21,17 +21,17 @@ const Footer = ({ className }:Props ): JSX.Element => {
 					© {moment.utc().year()} Parity Technologies
 				</Menu.Item>
 				<Menu.Item as={Link} to="/terms-and-conditions">
-					Terms &amp; Conditions
+					Terms &amp; conditions
 				</Menu.Item>
 				<Menu.Item as={Link} to="/terms-of-website">
-					Terms of Website
+					Terms of website
 				</Menu.Item>
 				<Menu.Item as={Link} to="/privacy">
-					Privacy Policy
+					Privacy policy
 				</Menu.Item>
 				<Menu.Item>
 					<a href='https://github.com/paritytech/polkassembly/issues' target='blank'>
-						Report an Issue
+						Report an issue
 					</a>
 				</Menu.Item>
 			</Menu>

front-end/src/components/Login/Web2Login.tsx

@@ -109,7 +109,7 @@ const LoginForm = ({ className, toggleWeb2Login }:Props): JSX.Element => {
 						disabled={loading}
 						onClick={handleToggle}
 					>
-						Login With Web3 Address
+						Login with web3 address
 					</Button>
 				</div>
 			</Responsive>

front-end/src/components/Login/Web3Login.tsx

@@ -186,7 +186,7 @@ const LoginForm = ({ className, toggleWeb2Login }:Props): JSX.Element => {
 					disabled={loading}
 					onClick={handleToggle}
 				>
-					Login With Username
+					Login with username
 				</Button>
 			</div>
 		</Form>

front-end/src/components/MenuBar/index.tsx

@@ -42,7 +42,7 @@ const MenuBar = ({ className } : Props): JSX.Element => {
 	// Menu Items
 	const contentItems = [
 		{ content:'Discussions', icon:'comments', to:'/discussions' },
-		{ content: 'On chain', icon:'file alternate', to:'/onchain' }
+		{ content: 'On-chain', icon:'file alternate', to:'/on-chain' }
 	];
 
 	const loggedOutItems = [
@@ -158,10 +158,6 @@ export default styled(MenuBar)`
 			}
 		}
 
-		.desktop_items, #title {
-			text-transform: capitalize;
-		}
-
 		i.icon {
 			color: grey_secondary;
 		}
@@ -274,10 +270,6 @@ export default styled(MenuBar)`
 			}
 		}
 
-		.user_items {
-			text-transform: capitalize;
-
-		}
 	}
 
 	&.ui.inverted.menu a.item:hover, &.ui.inverted.menu .dropdown.item:hover {

front-end/src/generated/graphql.tsx

@@ -7252,7 +7252,7 @@ export type Mutation_RootVerifyEmailArgs = {
 };
 
 /**
- * on chain proposal created automatically by chain-db-watcher
+ * on-chain proposal created automatically by chain-db-watcher
  * 
  * 
  * columns and relationships of "onchain_links"
@@ -7281,7 +7281,7 @@ export type Onchain_Links = {
 
 
 /**
- * on chain proposal created automatically by chain-db-watcher
+ * on-chain proposal created automatically by chain-db-watcher
  * 
  * 
  * columns and relationships of "onchain_links"
@@ -7298,7 +7298,7 @@ export type Onchain_LinksOnchain_MotionArgs = {
 
 
 /**
- * on chain proposal created automatically by chain-db-watcher
+ * on-chain proposal created automatically by chain-db-watcher
  * 
  * 
  * columns and relationships of "onchain_links"
@@ -7315,7 +7315,7 @@ export type Onchain_LinksOnchain_ProposalArgs = {
 
 
 /**
- * on chain proposal created automatically by chain-db-watcher
+ * on-chain proposal created automatically by chain-db-watcher
  * 
  * 
  * columns and relationships of "onchain_links"
@@ -7332,7 +7332,7 @@ export type Onchain_LinksOnchain_ReferendumArgs = {
 
 
 /**
- * on chain proposal created automatically by chain-db-watcher
+ * on-chain proposal created automatically by chain-db-watcher
  * 
  * 
  * columns and relationships of "onchain_links"

front-end/src/screens/CreatePost/index.tsx

@@ -122,7 +122,7 @@ const CreatePost = ({ className }:Props): JSX.Element => {
 		<Grid>
 			<Grid.Column mobile={16} tablet={16} computer={12} largeScreen={10} widescreen={10}>
 				<Form className={className}>
-					<h3>New Post</h3>
+					<h3>New post</h3>
 					<Controller
 						as={<TitleForm
 							errorTitle={errors.title}

front-end/src/screens/Discussions/index.tsx

@@ -25,21 +25,21 @@ const Discussions = ({ className } : {className?: string}) => {
 
 	return (
 		<div className={className}>
-			<h1>Latest Discussions</h1>
+			<h1>Latest discussions</h1>
 			<Grid stackable reversed='mobile tablet'>
 				<Grid.Column mobile={16} tablet={16} computer={10}>
 					<DiscussionsContainer/>
 				</Grid.Column>
 				<Grid.Column mobile={16} tablet={16} computer={6}>
 					{currentUser.id &&
 						<div className='mainButtonContainer'>
-							<Button primary className={'newPostButton'} onClick={handleCreatePost}>New Post</Button>
+							<Button primary className={'newPostButton'} onClick={handleCreatePost}>New post</Button>
 						</div>}
 					<InfoBox
 						dismissable={true}
 						content={`This is the place to discuss all things ${NETWORK}. Anyone can start a new discussion.`}
 						name='discussionsInfo'
-						title='About Discussions'
+						title='About discussions'
 					/>
 					{currentUser.id && currentUser.addresses?.length !== 0 && !currentUser.defaultAddress &&
 						<DefaultAddressInfoBox />}

front-end/src/screens/Home/index.tsx

@@ -29,23 +29,23 @@ const Home = ({ className }: Props) => {
 
 	return (
 		<div className={className}>
-			<h1>Latest Activity</h1>
+			<h1>Latest activity</h1>
 			<Grid stackable reversed='mobile tablet'>
 				<Grid.Column mobile={16} tablet={16} computer={10}>
-					<h3>Current Referenda</h3>
+					<h3>Current referenda</h3>
 					<ReferendaContainer className='referendumContainer'/>
-					<h3>Latest Proposals</h3>
+					<h3>Latest proposals</h3>
 					<ProposalContainer className='proposalContainer'/>
-					<h3>Latest Motions</h3>
+					<h3>Latest motions</h3>
 					<MotionsContainer className='motionContainer'/>
-					<h3>Latest Treasury Proposals</h3>
+					<h3>Latest treasury proposals</h3>
 					<TreasuryContainer className='treasuryContainer' />
-					<h3>Latest Discussions</h3>
+					<h3>Latest discussions</h3>
 					<DiscussionContainer className='discussionContainer'/>
 				</Grid.Column>
 				<Grid.Column mobile={16} tablet={16} computer={6}>
 					{currentUser.id && <div className='mainButtonContainer'>
-						<Button primary className={'newPostButton'} onClick={handleCreatePost}>New Post</Button>
+						<Button primary className={'newPostButton'} onClick={handleCreatePost}>New post</Button>
 					</div>}
 					{currentUser.id && currentUser.addresses?.length !== 0 && !currentUser.defaultAddress &&
 						<DefaultAddressInfoBox />}

front-end/src/screens/OnChain/index.tsx

@@ -16,7 +16,7 @@ const OnchainPostsContainer = ({ className } : {className?: string}) => {
 
 	return (
 		<div className={className}>
-			<h1>Latest On Chain Activity</h1>
+			<h1>Latest on-chain activity</h1>
 			<Grid stackable reversed='mobile tablet'>
 				<Grid.Column mobile={16} tablet={16} computer={10}>
 					<h3>Referenda</h3>
@@ -35,7 +35,7 @@ const OnchainPostsContainer = ({ className } : {className?: string}) => {
 						On-chain posts are automatically generated as soon as they are created on the chain.
 						Only the proposer is able to edit them.'
 						name='onchainInfo'
-						title='About On-chain Posts'
+						title='About on-chain posts'
 					/>
 				</Grid.Column>
 			</Grid>

front-end/src/screens/Settings/address.tsx

@@ -262,10 +262,10 @@ const Address = ({ className }: Props): JSX.Element => {
 				</Form.Group>
 				{showAccounts && <Form.Group>
 					<Form.Field width={16}>
-						<div className='text-muted'>Associate your account with an on chain address using the <a href={getExtensionUrl()}>Polkadot-js extension</a>.</div>
+						<div className='text-muted'>Associate your account with an on-chain address using the <a href={getExtensionUrl()}>Polkadot-js extension</a>.</div>
 						<div className='link-button-container'>
 							<Button primary onClick={handleDetect}>
-								Show Available Accounts
+								Show available accounts
 							</Button>
 						</div>
 					</Form.Field>

front-end/src/screens/Settings/setCredentials.tsx

@@ -195,7 +195,7 @@ const SetCredentials = ({ className }: {className?: string}): JSX.Element => {
 								<>
 									<Form.Group>
 										<Form.Field width={16}>
-											<label>Default Address</label>
+											<label>Default address</label>
 											<AddressComponent address={address} />
 										</Form.Field>
 									</Form.Group>