From 7a62d608d1527121944c2b4a6ae93b66b2a643dd Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Thu, 16 Jul 2020 15:35:12 +0300
Subject: [PATCH] Simplify footer logo align

---
 src/components/layout/footer/Footer.tsx |  9 ++-------
 src/components/layout/footer/styles.ts  | 13 ++-----------
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/src/components/layout/footer/Footer.tsx b/src/components/layout/footer/Footer.tsx
index 58ecc12..2f4a76d 100644
--- a/src/components/layout/footer/Footer.tsx
+++ b/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>
diff --git a/src/components/layout/footer/styles.ts b/src/components/layout/footer/styles.ts
index fbc652d..2e519bb 100644
--- a/src/components/layout/footer/styles.ts
+++ b/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',
     },
 };