From 36865464fb0329e11cabcf88d075ed6c09a746e5 Mon Sep 17 00:00:00 2001
From: JDonadio <tanojaja@gmail.com>
Date: Tue, 24 Jan 2017 17:13:22 -0300
Subject: [PATCH] update available for desktop

---
 src/sass/views/tab-home.scss | 30 ++++++++++++++++++------------
 www/img/icon-update.svg      | 14 ++++++++++++++
 www/views/tab-home.html      | 13 +++++++++++--
 3 files changed, 43 insertions(+), 14 deletions(-)
 create mode 100644 www/img/icon-update.svg

diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss
index 6fd937188..6ebeddedd 100644
--- a/src/sass/views/tab-home.scss
+++ b/src/sass/views/tab-home.scss
@@ -121,18 +121,24 @@
     }
   }
   .release {
-  cursor: pointer;
-  cursor: hand;
-  background-color: #E9E9EC;
-  padding-top: 30px;
-  padding-bottom: 20px;
-  text-align: center;
-  color: #444;
-  i {
-    margin-top: 1px;
-    font-size: 20px;
-    margin-left: 10px;
-    position: absolute;
+    text-align: center;
+    .item {
+      width: 100%;
+    }
+    .title {
+      font-weight: 700;
+      color: #444;
+    }
+    .button {
+      width: 100%;
+      border: none;
+    }
+    .big-icon-svg {
+      > .bg {
+        box-shadow: none;
+      }
+      padding-top: 2rem;
+      padding-bottom: 0;
     }
   }
 
diff --git a/www/img/icon-update.svg b/www/img/icon-update.svg
new file mode 100644
index 000000000..feabc1572
--- /dev/null
+++ b/www/img/icon-update.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 46.1 46.1" style="enable-background:new 0 0 46.1 46.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#647CE8;}
+	.st1{fill:none;stroke:#FFFEFE;}
+</style>
+<path id="Oval-87" class="st0" d="M23.1,46.1c12.7,0,23-10.3,23-23s-10.3-23-23-23s-23,10.3-23,23S10.4,46.1,23.1,46.1z"/>
+<path id="Shape" class="st1" d="M33.6,17.6h-14c-3.3,0-6,2.7-6,6v1"/>
+<path id="Shape_1_" class="st1" d="M13.6,29.6h14c3.3,0,6-2.7,6-6v-1"/>
+<polyline id="Shape_2_" class="st1" points="29.6,21.6 33.6,17.6 29.6,13.6 "/>
+<polyline id="Shape_3_" class="st1" points="17.6,25.6 13.6,29.6 17.6,33.6 "/>
+</svg>
diff --git a/www/views/tab-home.html b/www/views/tab-home.html
index 909c332d4..16bbfedee 100644
--- a/www/views/tab-home.html
+++ b/www/views/tab-home.html
@@ -10,9 +10,18 @@
      spinner="ios-small"
      on-refresh="onRefresh()">
    </ion-refresher>
-    <div class="release ng-hide" ng-show="newRelease" ng-click="openExternalLink()">
-      <span translate>An update to this app is available</span><span><i class="icon bp-arrow-right"></i></span>
+    <div class="list card release ng-hide" ng-show="newRelease">
+      <i class="item icon big-icon-svg">
+        <img src="img/icon-update.svg" class="bg"/>
+      </i>
+
+      <div class="item title" translate>Update available</div>
+
+      <div class="button" ng-click="openExternalLink()">
+        <span translate>Download</span>
+      </div>
     </div>
+
     <div class="ng-hide" ng-show="showRateCard.value" ng-include="'views/feedback/rateCard.html'"></div>
     <div class="list card homeTip" ng-if="homeTip">
       <div class="item item-icon-right item-heading">