Brion VIBBER has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/144811

Change subject: Footer style updates from Vibha
......................................................................

Footer style updates from Vibha

Change-Id: I02aac1dbba6d214873e3a2cc6e985bff1464890c
---
M wikipedia/assets/footer.css
M www/less/langbutton.less
2 files changed, 33 insertions(+), 16 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/apps/ios/wikipedia 
refs/changes/11/144811/1

diff --git a/wikipedia/assets/footer.css b/wikipedia/assets/footer.css
index 76ddafb..c722c8d 100644
--- a/wikipedia/assets/footer.css
+++ b/wikipedia/assets/footer.css
@@ -8,6 +8,7 @@
   background-image: url(footer-divider.png);
   background-repeat: no-repeat;
   background-size: 284px 12px;
+  margin-top: 24px;
 }
 .mw-footer-divider[dir=rtl] {
   -webkit-transform: scaleX(-1);
@@ -18,10 +19,13 @@
   -webkit-appearance: none;
   display: table;
   width: 100%;
-  color: #808080;
-  font-size: 14px;
+  color: #333;
   padding: 12px;
-  margin-bottom: 16px;
+  margin-top: 20px;
+}
+.mw-footer-button + .mw-footer-button {
+  padding-top: 0;
+  margin-bottom: 12px;
 }
 .mw-footer-button > div {
   display: table-row;
@@ -34,27 +38,31 @@
   display: inline-block;
   vertical-align: text-top;
   text-align: center;
-  width: 40px;
-  height: 40px;
-  border-radius: 20px;
+  width: 44px;
+  height: 44px;
+  border-radius: 22px;
   font-family: "WikiFont";
-  font-size: 24px;
+  font-size: 26px;
   color: white;
-  background-color: #808080;
+  background-color: #333;
 }
 .mw-footer-button[dir=ltr] > div > span {
   text-align: left;
+  padding-left: 6px;
 }
 .mw-footer-button[dir=rtl] > div > span {
   text-align: right;
+  padding-right: 6px;
 }
 .mw-footer-button > div > span + span {
   padding-left: 12px;
   padding-right: 12px;
+  line-height: 1.25em;
 }
 .mw-license-footer {
   text-align: center;
   font-size: 10px;
+  margin-top: 24px;
   margin-bottom: 24px;
 }
 
diff --git a/www/less/langbutton.less b/www/less/langbutton.less
index d7d2d50..85b7868 100644
--- a/www/less/langbutton.less
+++ b/www/less/langbutton.less
@@ -10,6 +10,7 @@
     background-image: url(footer-divider.png);
     background-repeat: no-repeat;
     background-size: 284px 12px;
+       margin-top: 24px;
 }
 .mw-footer-divider[dir=rtl] {
     -webkit-transform: scaleX(-1);
@@ -23,11 +24,15 @@
     display: table;
     width: 100%;
 
-    color: #808080;
-    font-size: 14px;
+    color: #333;
     
     padding: 12px;
-    margin-bottom: 16px;
+
+    margin-top: 20px;
+}
+.mw-footer-button + .mw-footer-button {
+       padding-top: 0;
+       margin-bottom: 12px;
 }
 .mw-footer-button>div {
     display: table-row;
@@ -41,32 +46,36 @@
     vertical-align: text-top;
     text-align: center;
 
-    width: 40px;
-    height: 40px;
-    border-radius: 20px;
+    width: 44px;
+    height: 44px;
+    border-radius: 22px;
 
     font-family: "WikiFont";
-    font-size: 24px;
+    font-size: 26px;
     color: white;
-    background-color: #808080;
+    background-color: #333;
 }
 .mw-footer-button[dir=ltr]>div>span
 {
     text-align: left;
+    padding-left: 6px;
 }
 .mw-footer-button[dir=rtl]>div>span
 {
     text-align: right;
+    padding-right: 6px;
 }
 .mw-footer-button>div>span+span
 {
     padding-left: 12px;
     padding-right: 12px;
+       line-height: 1.25em;
 }
 
 .mw-license-footer
 {
     text-align: center;
     font-size: 10px;
+    margin-top: 24px;
     margin-bottom: 24px;
 }

-- 
To view, visit https://gerrit.wikimedia.org/r/144811
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I02aac1dbba6d214873e3a2cc6e985bff1464890c
Gerrit-PatchSet: 1
Gerrit-Project: apps/ios/wikipedia
Gerrit-Branch: master
Gerrit-Owner: Brion VIBBER <br...@wikimedia.org>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to