Fix footer content wrapping issue

CHANGELOG.md

@@ -3,18 +3,19 @@
 ### Feature
 
 - Add vkontakte icon to social home page and add first time russian popup [#1872](https://github.com/MyEtherWallet/MyEtherWallet/pull/1872)
-- Add unstoppable domains [#1857] (https://github.com/MyEtherWallet/MyEtherWallet/pull/1857)
+- Add unstoppable domains [#1857](https://github.com/MyEtherWallet/MyEtherWallet/pull/1857)
 
 ### Devop
 
 - Update ledger packages [#1884](https://github.com/MyEtherWallet/MyEtherWallet/pull/1884)
 - Run update:swap with other update script [#1859](https://github.com/MyEtherWallet/MyEtherWallet/pull/1859)
-- Update translations [#1870] (https://github.com/MyEtherWallet/MyEtherWallet/pull/1870)
+- Update translations [#1870](https://github.com/MyEtherWallet/MyEtherWallet/pull/1870)
 - Update Packages from greenkeeper [#1863](https://github.com/MyEtherWallet/MyEtherWallet/pull/1863)
 - Remove Price bar [#1876](https://github.com/MyEtherWallet/MyEtherWallet/pull/1876)
 
 ### Bug
 
+- Fix footer text wrapping issue [#1892](https://github.com/MyEtherWallet/MyEtherWallet/pull/1892)
 - Fix tx hash link, switch address, and make cx connection with popup more stable [#1853](https://github.com/MyEtherWallet/MyEtherWallet/pull/1853)
 - Disable web3 detection [#1840](https://github.com/MyEtherWallet/MyEtherWallet/pull/1840)
 - Improve error messages for outdated dependencies [#1848](https://github.com/MyEtherWallet/MyEtherWallet/pull/1848)

src/containers/FooterContainer/FooterContainer-desktop.scss

@@ -1,5 +1,6 @@
 @import '~@/scss/GlobalVariables';
-@media all and (min-width: calc(#{$tablet-width} - 200px)) {
+//@media all and (min-width: $tablet-width) {
+@media all and (min-width: calc(#{$tablet-width} + 1px)) {
   a,
   a:link,
   a:visited,

src/containers/FooterContainer/FooterContainer-tablet.scss

@@ -1,5 +1,6 @@
 @import '~@/scss/GlobalVariables';
-@media all and (min-width: calc(#{$mobile-width} + 1px)) and (max-width: $tablet-width - 200px) {
+@media all and (max-width: $tablet-width) {
+  //@media all and (max-width: calc(#{$tablet-width} - 1px)) {
   a,
   a:link,
   a:visited,
@@ -44,6 +45,11 @@
           font-size: 19px;
         }
 
+        .open,
+        .close {
+          display: block;
+        }
+
         p {
           color: $white;
           cursor: pointer;
@@ -143,42 +149,27 @@
 
   .foot-note {
     align-items: center;
-    border-top: 1px solid $dark-blue-1;
-    margin-top: 40px;
     padding-top: 40px;
-
-    @media all and (max-width: $tablet-width) {
-      border-top: 0;
-      flex-direction: column;
-      margin-top: 0;
-
-      .links {
-        order: 1;
-        text-align: center;
-
-        a:last-child {
-          span {
-            margin-right: 0;
-            padding-right: 0;
-          }
-        }
-      }
-
-      .social {
-        order: 2;
-      }
-
-      .copyright {
-        order: 3;
-      }
-    }
+    border-top: 0;
+    flex-direction: column;
+    margin-top: 0;
 
     > div {
       //margin: 0 auto;
       margin-bottom: 20px;
     }
 
     .links {
+      order: 1;
+      text-align: center;
+
+      a:last-child {
+        span {
+          margin-right: 0;
+          padding-right: 0;
+        }
+      }
+
       display: flex;
       align-items: center;
 
@@ -197,6 +188,7 @@
     }
 
     .copyright {
+      order: 3;
       text-align: center;
 
       p {
@@ -209,6 +201,8 @@
     }
 
     .social {
+      order: 2;
+
       @media all and (max-width: $tablet-width) {
         text-align: center;
       }

src/containers/FooterContainer/FooterContainer.vue

@@ -358,5 +358,4 @@ export default {
 <style lang="scss" scoped>
 @import 'FooterContainer-desktop.scss';
 @import 'FooterContainer-tablet.scss';
-@import 'FooterContainer-mobile.scss';
 </style>