From ad92a5278ebb370a775d63df3c52894475bce063 Mon Sep 17 00:00:00 2001
From: Rasika Perera <info.rasika@gmail.com>
Date: Thu, 22 Dec 2016 15:59:10 +0530
Subject: [PATCH] Adding on-image anchor links instead of separate btn for
 device-view

---
 .../cdmf.page.devices/public/js/listing.js    | 12 ++++------
 .../public/css/custom-desktop.css             | 24 +++++++++----------
 2 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.devices/public/js/listing.js b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.devices/public/js/listing.js
index 65c74e886c8..6ad505e240f 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.devices/public/js/listing.js
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.devices/public/js/listing.js
@@ -258,8 +258,9 @@ function loadDevices(searchType, searchParam) {
             data: 'name',
             class: 'remove-padding icon-only content-fill',
             render: function (data, type, row, meta) {
-                return '<div class="thumbnail icon"><img class="square-element text fw " src="' + getDeviceTypeThumb(
-                        row.deviceType) + '"/></div>';
+                return '<a href="device/' + row.deviceType + '?id=' + row.deviceIdentifier
+                       + '"><div class="thumbnail icon"><img class="square-element text fw " '
+                       + 'src="' + getDeviceTypeThumb(row.deviceType) + '"/></div></a>';
             }
         },
         {
@@ -333,12 +334,7 @@ function loadDevices(searchType, searchParam) {
                 var deviceIdentifier = row.deviceIdentifier;
                 var html = '<span></span>';
                 if (status != 'REMOVED') {
-                    html =
-                        '<a href="device/' + deviceType + '?id=' + deviceIdentifier + '" data-click-event="remove-form"'
-                        +
-                        ' class="btn padding-reduce-on-grid-view"><span class="fw-stack"><i class="fw fw-ring fw-stack-2x"></i>'
-                        +
-                        '<i class="fw fw-view fw-stack-1x"></i></span><span class="hidden-xs hidden-on-grid-view">View</span></a>';
+                    html = '';
 
                     if (analyticsEnabled(row.deviceType)) {
                         html +=
diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.theme/public/css/custom-desktop.css b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.theme/public/css/custom-desktop.css
index 5ecc4e2118b..b143e04d3dc 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.theme/public/css/custom-desktop.css
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.theme/public/css/custom-desktop.css
@@ -6546,21 +6546,21 @@ select > option:hover {
 }
 
 @media (min-width: 1200px){
-  table tbody tr {
-    width: 18% !important;
-  }
-  .table .fw-stack{
-    font-size: 1.2vw;
-  }
+    table tbody tr {
+        width: 14% !important;
+    }
+    .table .fw-stack{
+        font-size: 1.2vw;
+    }
 }
 
 @media (min-width: 1500px){
-  table tbody tr {
-    width: 14% !important;
-  }
-  .table .fw-stack{
-    font-size: 0.8vw;
-  }
+    table tbody tr {
+        width: 10% !important;
+    }
+    .table .fw-stack{
+        font-size: 0.8vw;
+    }
 }
 
 /** End **/