Commit 587bbe67 authored by Laura Kalbag's avatar Laura Kalbag

Add new Better mac material to match better.fyi

parent 73f2f91a
......@@ -96,7 +96,7 @@
.device-wrap img
margin 0 auto
max-width 625px
max-width 720px
width 100%
.home h1
......@@ -130,56 +130,50 @@
text-align left
.downloads
margin-top 24px
overflow hidden
@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
@media only screen and (min-width: 400px)
margin-top 18px
margin-left auto
margin-right auto
width 314px
.downloads a
.download-on-the-app-store, .download-on-mac-app-store
display block
height 42px
margin-top 12px
margin-right auto
margin-bottom 24px
margin-left auto
margin-bottom 24px
@media only screen and (min-width: 360px)
float left
@media only screen and (min-width: 520px)
margin-top 18px
margin-bottom 18px
.download-on-the-app-store, .download-on-mac-app-store
margin-top 30px
margin-bottom 24px
.download-on-the-app-store, .download-on-the-app-store img
height 40px
width 134px
@media only screen and (max-width: 480px)
.downloads .download-extension
margin-bottom 12px
.download-on-mac-app-store, .download-on-mac-app-store img
height 40px
width 165px
@media only screen and (min-width: 480px)
.downloads a
margin-left 12px
margin-right 12px
.download-on-the-app-store
margin-right 12px
.downloads a img
margin-top 0
@media only screen and (max-width: 480px)
.downloads .download-on-mac-app-store
margin-bottom 12px
.downloads a
.download-on-the-app-store img, .download-on-mac-app-store img
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.
......@@ -11,7 +11,7 @@
<div class='device-wrap'>
<div class='device-wrap-inner'>
<img class='no-frame' alt='Better running on iPad and iPhone' src='/better/images/leader.png'>
<img class='no-frame' alt='Better running on iPad and iPhone' src='/better/images/leader-with-mac.png'>
</div>
</div>
......@@ -21,7 +21,7 @@
<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='https://safari-extensions.apple.com/details/?id=better.fyi.safari.extension-5Q42VF5GXA' class='download-extension' class='download-extension'><img src='/better/images/download-for-os-x.svg' class='safari-extension' alt='Download for Mac OS X'/></a>
<a href='https://safari-extensions.apple.com/details/?id=better.fyi.safari.extension-5Q42VF5GXA' class='download-on-mac-app-store' class='download-extension'><img src='/better/images/download-on-the-mac-app-store.svg' alt='Download for Mac OS X'/></a>
</div>
<ul class='reviews'>
......
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