From 3c13565e7cd4fdba86c23fb95e9da65e0d32993e Mon Sep 17 00:00:00 2001
From: Abhijith Chatra <abchatra@microsoft.com>
Date: Fri, 13 Jul 2018 14:56:08 -0700
Subject: [PATCH] Beautify the download (#747)

---
 docs/offline-app.html | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/docs/offline-app.html b/docs/offline-app.html
index 2ff4a46a..96ce25f9 100644
--- a/docs/offline-app.html
+++ b/docs/offline-app.html
@@ -13,7 +13,7 @@
             color: rgba(0, 0, 0, 0.4);
         }
 
-        .ui.grid {
+        .topbar {
             background: rgb(170, 39, 143) !important;
         }
 
@@ -404,7 +404,7 @@
 
     <div class="ui inverted vertical center aligned segment content">
 
-        <div class="ui grid">
+        <div class="ui grid topbar">
             <div class="three wide column">
                 <img class="ui small image left" src="/static//lego_education_logo_white.png" />
             </div>
@@ -768,16 +768,22 @@
                 </label>
             </div>
             <div id="download-segment" class="ui center aligned segment hidden">
-                <h3 class="ui">Windows</h3>
-                <button class="ui icon button" onclick="downloadWin64()">
-                    <i class="download icon"></i>
-                    makecode-ev3-setup-win64.exe
-                </button>
-                <h3 class="ui">Mac OS</h3>
-                <button class="ui icon button" onclick="downloadMac64()">
-                    <i class="download icon"></i>
-                    makecode-ev3-mac64.zip
-                </button>
+                <div class="ui grid">
+                    <div class="eight wide column">
+                        <h3 class="ui">Windows</h3>
+                        <button class="ui icon button" onclick="downloadWin64()">
+                            <i class="download icon"></i>
+                            makecode-ev3-setup-win64.exe
+                        </button>
+                    </div>
+                    <div class="eight wide column">
+                        <h3 class="ui">Mac OS</h3>
+                        <button class="ui icon button" onclick="downloadMac64()">
+                            <i class="download icon"></i>
+                            makecode-ev3-mac64.zip
+                        </button>
+                    </div>
+                </div>
             </div>
         </div>