Commit 9644bb6c authored by Laura Kalbag's avatar Laura Kalbag

Add Safari extension button to match Better.fyi

parent 3e3950b7
......@@ -126,18 +126,57 @@
.home h2
text-align center
.download-on-the-app-store
.downloads
@media only screen and (min-width: 480px)
display -ms-flexbox
display -webkit-flex
display flex
-webkit-flex-direction row
-ms-flex-direction row
flex-direction row
-webkit-flex-wrap nowrap
-ms-flex-wrap nowrap
flex-wrap nowrap
-webkit-justify-content center
-ms-flex-pack center
justify-content center
-webkit-align-content center
-ms-flex-line-pack center
align-content center
-webkit-align-items flex-start
-ms-flex-align start
align-items flex-start
.download-on-the-app-store, .downloads a
display block
height 42px
margin-top OneLineHeight /* space between button and video */
margin-right auto
margin-bottom OneLineHeight
margin-bottom 24px
margin-left auto
width 134px
@media only screen and (min-width: 480px)
margin-top 42px /* space between button and video */
margin-bottom 42px
@media only screen and (max-width: 480px)
.downloads .download-extension
margin-bottom 12px
@media only screen and (min-width: 480px)
.home .download-on-the-app-store, .downloads a
margin-left 20px
margin-right 20px
.download-on-the-app-store img, .downloads a img
margin-top 0
.home .download-on-the-app-store, .home .downloads a
margin-top 0
@media only screen and (min-width: 520px)
margin-bottom 18px
@media only screen and (min-width: 660px)
margin-bottom 24px
/****************************************************************************
* Reviews *
......
This diff is collapsed.
......@@ -19,7 +19,10 @@
<h1 class='long-title'><a href='https://better.fyi'>Let’s make the web <strong>Better</strong>.</a></h1>
<a href='https://itunes.apple.com/us/app/better-by-ind.ie/id1080964978?ls=1&mt=8' class='download-on-the-app-store'><img class='download-on-the-app-store-badge' alt='Download on the App Store' src='/better/images/download-on-app-store-badge.svg'></a>
<div class='downloads'>
<a href='https://itunes.apple.com/us/app/better-by-ind.ie/id1080964978?ls=1&mt=8' class='download-on-the-app-store'><img class='download-on-the-app-store-badge' alt='Download on the App Store' src='/better/images/download-on-app-store-badge.svg'></a>
<a href='http://better.fyi/safari/Better.safariextz' class='download-extension'><img src='/better/images/download-for-os-x.svg' class='safari-extension' alt='Download for Mac OS X'/></a>
</div>
<ul class='reviews'>
<li class='review'><span class='left-quote'></span>Honest privacy<span class='right-quote'></span> <span class='rating rating-5'>5 stars</span></li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment