From 331954ad750d16358ce053b3343a511d6db24fae Mon Sep 17 00:00:00 2001
From: rating89us <45968869+rating89us@users.noreply.github.com>
Date: Thu, 5 Aug 2021 22:59:29 +0200
Subject: [PATCH] downloads: fill width of buttons on menu bar

---
 _i18n/en.yml       | 1 +
 css/custom.css     | 5 +++++
 downloads/index.md | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/_i18n/en.yml b/_i18n/en.yml
index 0219a578..eceec6b9 100644
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -193,6 +193,7 @@ downloads:
   blockchain3: Importing the Monero blockchain
   blockchain4: for step-by-step instructions for Windows.
   blockchainbutton: Download Blockchain
+  mobilelight0: Mobile & Light
   mobilelight: Mobile & Light Wallets
   hardware: Hardware Wallets
   gui_intro: The GUI wallet provides a nice user interface, adaptable to all kinds of users, but it is especially recommended for less technical people who want to quickly send and receive XMR.
diff --git a/css/custom.css b/css/custom.css
index acbfc016..7b3001f3 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -3138,6 +3138,10 @@ footer {
   text-align: center;
 }
 
+.downloads .col {
+  width: 20%;
+}
+
 .downloads img.screen {
     margin: 1rem auto;
 }
@@ -3182,6 +3186,7 @@ footer {
     display: flex;
     padding: 1rem 2rem;
     font-weight: bold;
+    justify-content: center;
     -webkit-transition: all ease-out .2s;
     -moz-transition: all ease-out .2s;
     -o-transition: all ease-out .2s;
diff --git a/downloads/index.md b/downloads/index.md
index 861572bb..3ffd65fd 100644
--- a/downloads/index.md
+++ b/downloads/index.md
@@ -14,7 +14,7 @@ permalink: /downloads/index.html
         <div class="info-block download-nav row middle-xs between-xs" id="selections">
             <div class="col"><a href="#gui">{% t downloads.gui %}</a></div>
             <div class="col"><a href="#cli">{% t downloads.cli %}</a></div>
-            <div class="col"><a href="#mobilelight">{% t downloads.mobilelight %}</a></div>
+            <div class="col"><a href="#mobilelight">{% t downloads.mobilelight0 %}</a></div>
             <div class="col"><a href="#blockchain">{% t downloads.blockchain %}</a></div>
             <div class="col"><a href="#hardware">{% t downloads.hardware %}</a></div>
         </div>