Update changelog, more mobile fix

MyEtherWallet · Apr 12, 2018 · 0f03eac · 0f03eac
1 parent c5bf767
commit 0f03eac
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+### Release v3.21.07
+
+#### Fixes
+- Fix contest page mobile issue [Commit](https://github.com/kvhnuke/etherwallet/commit/c5bf76718770939972419e134315cef1ea2c8ae5)
+
 ### Release v3.21.06
 
 #### New

diff --git a/app/includes/header.tpl b/app/includes/header.tpl
@@ -216,7 +216,7 @@
 
 <nav role="navigation" aria-label="main navigation" class="container nav-container overflowing">
   <a aria-hidden="true" ng-show="showLeftArrow" class="nav-arrow-left" ng-click="scrollLeft(100);" ng-mouseover="scrollHoverIn(true,2);" ng-mouseleave="scrollHoverOut()">&#171;</a>
-  <div class="nav-scroll" id="mainNav">
+  <div class="nav-scroll">
     <ul class="nav-inner">
       @@if (site === 'mew' ) {
       <li ng-repeat="tab in tabNames track by $index" \
@@ -256,4 +256,4 @@
 @@if (site === 'mew' ) { @@include( './header-node-modal.tpl', { "site": "mew" } ) }
 @@if (site === 'cx'  ) { @@include( './header-node-modal.tpl', { "site": "cx"  } ) }
 
-</header>
+</header>
diff --git a/app/styles/etherwallet-custom.less b/app/styles/etherwallet-custom.less
@@ -755,10 +755,27 @@ header.ETSC {
   padding: 0 !important;
   text-align: center;
   ol {
+    padding: 0 10em;
     text-align: left !important;
 
     li {
       list-style-position: inside;
     }
   }
 }
+
+@media screen and (max-width: 960px) {
+  .contest-container {
+    ol {
+      padding: 0 5em !important;
+    }
+  }
+}
+
+@media screen and (max-width: 650px) {
+  .contest-container {
+    ol {
+      padding: 0 20px !important;
+    }
+  }
+}