From da2fd787c48be37d7c0334a868ca8be8b7d73b6c Mon Sep 17 00:00:00 2001
From: Imesh Chandrasiri <dimal.chandrasiri@gmail.com>
Date: Wed, 7 Dec 2016 12:50:23 +0530
Subject: [PATCH] Fix for datatable icon not showing issue

---
 .../public/css/custom-desktop.css             | 39 ++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

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 211de751132..5ecc4e2118b 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
@@ -6526,4 +6526,41 @@ select > option:hover {
 }
 .table.list-table:not(.grid-view) tbody{
   margin: 0px !important;
-}
\ No newline at end of file
+}
+
+#user-grid td i {
+  padding-right: 5px;
+}
+
+
+/**
+ *
+ * Temporary responsive fix for table listing action button width issue
+ * Todo : Move responsive style to theme.less file
+ *
+**/
+@media (max-width: 1199px) and (min-width: 992px){
+  .table .fw-stack{
+    font-size: 12px;
+  }
+}
+
+@media (min-width: 1200px){
+  table tbody tr {
+    width: 18% !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;
+  }
+}
+
+/** End **/