Russian language

crabfit-frontend/src/components/Settings/Settings.tsx

@@ -96,6 +96,7 @@ const Settings = () => {
             'hi': 'हिंदी',
             'id': 'Indonesia',
             'ko': '한국어',
+            'ru': 'Pусский',
             ...process.env.NODE_ENV !== 'production' && { 'cimode': 'DEV' },
           }}
           small

crabfit-frontend/src/components/Settings/settingsStyle.ts

@@ -56,7 +56,7 @@ export const Modal = styled.div`
   z-index: 150;
   padding: 10px 18px;
   border-radius: 3px;
-  width: 250px;
+  width: 270px;
   box-sizing: border-box;
   max-width: calc(100% - 20px);
   box-shadow: 0 3px 6px 0 rgba(0,0,0,.3);

crabfit-frontend/src/pages/Home/Home.tsx

@@ -152,7 +152,7 @@ const Home = ({ offline }) => {
 				<Center>
 					<Logo src={logo} alt="" />
 				</Center>
-				<TitleSmall>{t('home:create')}</TitleSmall>
+				<TitleSmall altChars={/[A-Z]/g.test(t('home:create'))}>{t('home:create')}</TitleSmall>
 				<TitleLarge>CRAB FIT</TitleLarge>
 				<Links>
 					<a href="#about">{t('home:nav.about')}</a> / <a href="#donate">{t('home:nav.donate')}</a>

crabfit-frontend/src/pages/Home/homeStyle.ts

@@ -20,6 +20,13 @@ export const TitleSmall = styled.span`
 	color: ${props => props.theme.primaryDark};
 	line-height: 1em;
   text-transform: uppercase;
+
+  ${props => !props.altChars && `
+    font-size: 2rem;
+    font-weight: 600;
+    line-height: 1.2em;
+    padding-top: .3em;
+  `}
 `;
 
 export const TitleLarge = styled.h1`

crabfit-frontend/src/res/dayjs_locales.js

@@ -6,6 +6,7 @@ const locales = {
   hi: () => import('dayjs/locale/hi'), // Hindi
   id: () => import('dayjs/locale/id'), // Indonesian
   ko: () => import('dayjs/locale/ko'), // Korean
+  ru: () => import('dayjs/locale/ru'), // Russian
 };
 
 export default locales;