From 90e323394df44ab3aa461c398ea852f5673993c8 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Wed, 3 Aug 2016 16:58:39 +0200
Subject: [PATCH] can't rely on unicode everywhere, so let's use an svg icon

---
 customize.dist/index.html        |  4 +++-
 customize.dist/main.css          | 19 +++++++++++++++----
 customize.dist/src/cryptpad.less | 28 ++++++++++++++++++++++++----
 3 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/customize.dist/index.html b/customize.dist/index.html
index d9d431e7e..c987b0998 100644
--- a/customize.dist/index.html
+++ b/customize.dist/index.html
@@ -59,7 +59,9 @@
                 <th>Link</th>
                 <th>Created</th>
                 <th>Last Accessed</th>
-                <th class="table-refresh" title="refresh listing">⟳</th> <!-- remove column -->
+                <th class="table-refresh" title="refresh listing">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 861.143 861.144" style="enable-background:new 0 0 861.143 861.144;" xml:space="preserve"><path d="M803.661,613.847c21.129-49.956,31.842-102.991,31.842-157.634c0-46.664-7.883-92.431-23.43-136.031   c-15.025-42.134-36.846-81.294-64.859-116.393c-27.734-34.751-60.746-64.539-98.117-88.534   c-38.072-24.445-79.621-42.192-123.492-52.748c-28.191-6.782-56.543,10.571-63.326,38.761s10.572,56.542,38.762,63.325   c64.291,15.47,122.572,52.651,164.109,104.694c20.75,26.001,36.908,54.99,48.023,86.162c11.5,32.249,17.332,66.151,17.332,100.764   c0,80.114-31.197,155.435-87.848,212.083c-56.65,56.649-131.971,87.848-212.084,87.848c-80.114,0-155.434-31.198-212.083-87.849   c-56.65-56.648-87.848-131.969-87.848-212.083c0-59.197,17.208-116.435,49.763-165.521c28.053-42.3,66.007-76.562,110.547-100.007   v58.027c0,28.995,23.505,52.5,52.5,52.5s52.5-23.505,52.5-52.5V52.5c0-28.995-23.505-52.5-52.5-52.5H144.567   c-28.995,0-52.5,23.505-52.5,52.5c0,28.995,23.505,52.5,52.5,52.5h84.328C174.456,136.276,127.939,179.822,92.9,232.655   c-44.001,66.346-67.259,143.65-67.259,223.557c0,54.643,10.714,107.679,31.843,157.634c20.398,48.225,49.587,91.524,86.759,128.695   c37.171,37.171,80.471,66.361,128.696,86.759c49.956,21.13,102.991,31.844,157.634,31.844c54.644,0,107.677-10.714,157.634-31.844   c48.225-20.397,91.523-49.587,128.695-86.759C754.073,705.371,783.262,662.071,803.661,613.847z"/></svg>
+                </th> <!-- remove column -->
             </tr>
 
             </tbody>
diff --git a/customize.dist/main.css b/customize.dist/main.css
index 7ff8ae129..ad345e13d 100644
--- a/customize.dist/main.css
+++ b/customize.dist/main.css
@@ -2,6 +2,16 @@ a.github-corner > svg {
   fill: #46E981;
   color: #302B28;
 }
+.table-refresh > svg {
+  width: .9em;
+  height: .9em;
+  fill: #46E981;
+  -webkit-transform: translate(0, 15%);
+  -moz-transform: translate(0, 15%);
+  -o-transform: translate(0, 15%);
+  -ms-transform: translate(0, 15%);
+  transform: translate(0, 15%);
+}
 /*
     Apparently Chrome fails to render fonts half the time, so we just have to drop
     lato for now :(
@@ -181,13 +191,14 @@ tbody tr th,
 tbody tr td {
   color: #fafafa;
 }
-tbody tr th:last-child {
-  border-right: 0px;
-}
-tbody .remove {
+tbody tr th.remove,
+tbody tr td.remove {
   cursor: pointer !important;
   color: #FF0073;
 }
+tbody tr th:last-child {
+  border-right: 0px;
+}
 tbody td {
   border-right: 1px solid black;
   padding: 12px;
diff --git a/customize.dist/src/cryptpad.less b/customize.dist/src/cryptpad.less
index 156a6b14a..e0f257093 100644
--- a/customize.dist/src/cryptpad.less
+++ b/customize.dist/src/cryptpad.less
@@ -14,6 +14,25 @@ a.github-corner > svg {
     color: @base;
 }
 
+.transform(...) {
+    -webkit-transform: @arguments;
+    -moz-transform: @arguments;
+    -o-transform: @arguments;
+    -ms-transform: @arguments;
+    transform: @arguments;
+}
+
+.translate(@x:0, @y:0) {
+    .transform(translate(@x, @y));
+}
+
+.table-refresh > svg {
+    width: .9em;
+    height: .9em;
+    fill: @cp-green;
+    .translate(0, 15%);
+}
+
 /*
     Apparently Chrome fails to render fonts half the time, so we just have to drop
     lato for now :(
@@ -212,16 +231,17 @@ tbody {
         }
         th, td {
             color: @fore;
+
+            &.remove {
+                cursor: pointer !important;
+                color: @cp-red;
+            }
         }
         th:last-child {
             border-right: 0px;
         }
     }
 
-    .remove {
-        cursor: pointer !important;
-        color: @cp-red;
-    }
 
     td {
         border-right: 1px solid black;