Simplify footer logo align

src/components/layout/footer/Footer.tsx

@@ -11,7 +11,7 @@ export default function Footer() {
     return (
         <Table style={styles.footer}>
             <tr>
-                <td rowSpan={2} style={styles.footerText}>
+                <td style={styles.footerText}>
                     <Message {...messages.footer} values={{
                         serviceLink: (
                             <a href="https://account.ely.by" style={styles.footerLink}>
@@ -23,12 +23,7 @@ export default function Footer() {
                 <td style={styles.footerLogo}>
                     <a href="http://ely.by">
                         <img src={logoImg} alt="Ely.by" width="128" height="58" />
-                    </a>
-                </td>
-            </tr>
-            <tr>
-                <td style={styles.footerLogoSubtitle}>
-                    <a href="http://ely.by">
+                        <br />
                         <HTMLMessage {...messages.alternativeMinecraftServices} />
                     </a>
                 </td>

src/components/layout/footer/styles.ts

@@ -2,11 +2,6 @@ import { CSSProperties } from 'react';
 
 import { green } from 'components/ui/colors';
 
-const footerLogoBaseStyles: CSSProperties = {
-    padding: '0 30px',
-    textAlign: 'center',
-};
-
 const styles: Record<string, CSSProperties> = {
     footer: {
         borderTop: `10px solid ${green.base}`,
@@ -25,12 +20,8 @@ const styles: Record<string, CSSProperties> = {
         borderBottom: '1px dashed #7A7A7A',
     },
     footerLogo: {
-        ...footerLogoBaseStyles,
-        verticalAlign: 'bottom',
-    },
-    footerLogoSubtitle: {
-        ...footerLogoBaseStyles,
-        verticalAlign: 'top',
+        padding: '0 30px',
+        textAlign: 'center',
     },
 };