Beautify the download (#747)

This commit is contained in:
Abhijith Chatra 2018-07-13 14:56:08 -07:00 committed by GitHub
parent f8524cf1a7
commit 3c13565e7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

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