From 022a5977fc5e943af827eaf03952a208b6931a21 Mon Sep 17 00:00:00 2001
From: Carsten Grohmann <mail@carstengrohmann.de>
Date: Thu, 29 Jul 2021 02:39:44 +0200
Subject: [PATCH] Use SVG <use/> to show small triangular icons

---
 OOMAnalyser.html | 13 +++++++++++++
 OOMAnalyser.py   |  7 +++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/OOMAnalyser.html b/OOMAnalyser.html
index 4a7b108..c9b7c27 100644
--- a/OOMAnalyser.html
+++ b/OOMAnalyser.html
@@ -950,5 +950,18 @@ window.onerror = function (msg, url, lineNo, columnNo, error) {
     </p>
 </div>
 
+<svg style="display:none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <symbol id="svg_array_updown" viewBox="0 0 8 11">
+        <polygon points="0,5 8,5 4,0"/>
+        <polygon points="0,6 8,6 4,11"/>
+    </symbol>
+    <symbol id="svg_array_up" viewBox="0 0 8 11">
+        <polygon points="0,5 8,5 4,0"/>
+    </symbol>
+    <symbol id="svg_array_down" viewBox="0 0 8 11">
+        <polygon points="0,6 8,6 4,11"/>
+    </symbol>
+</svg>
+
 </body>
 </html>
diff --git a/OOMAnalyser.py b/OOMAnalyser.py
index 804a253..2f9cb9e 100644
--- a/OOMAnalyser.py
+++ b/OOMAnalyser.py
@@ -967,22 +967,21 @@ Killed process 6576 (mysqld) total-vm:33914892kB, anon-rss:20629004kB, file-rss:
 
     svg_array_updown = """
 <svg width="8" height="11">
-    <polygon points="0,5 8,5 4,0"/>
-    <polygon points="0,6 8,6 4,11"/>
+  <use xlink:href="#svg_array_updown" />
 </svg>
     """
     """SVG graphics with two black triangles UP and DOWN for sorting"""
 
     svg_array_up = """
 <svg width="8" height="11">
-    <polygon points="0,5 8,5 4,0"/>
+    <use xlink:href="#svg_array_up" />
 </svg>
     """
     """SVG graphics with one black triangle UP for sorting"""
 
     svg_array_down = """
 <svg width="8" height="11">
-    <polygon points="0,6 8,6 4,11"/>
+    <use xlink:href="#svg_array_down" />
 </svg>
     """
     """SVG graphics with one black triangle DOWN for sorting"""