diff --git a/html_resources/ext.svg b/html_resources/ext.svg
index 2edf190..9bb9084 100644
--- a/html_resources/ext.svg
+++ b/html_resources/ext.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="black" stroke-linecap="round" fill="transparent" width="100" height="100" stroke-width="10" viewBox="0 0 100 100">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="rgb(200,150,100)" stroke-linecap="round" fill="transparent" width="100" height="100" stroke-width="10" viewBox="0 0 100 100">
 <path d="M45 10h40v45M85,10l-40,40"/>
 <path d="M50 25h-40v60h60v-40"/>
 </svg>
diff --git a/html_resources/main.css b/html_resources/main.css
index 6b44cf6..38aa378 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -20,15 +20,22 @@ pre:empty{ display: none }
 .category:hover{ background-color: grey }
 
 .target{
-  margin: 0.2em;
+  margin: 0.1em;
   background-color: rgb(60,60,70);
-  padding: 0.5em;
+  padding: 0.3em;
   border: 1px solid rgb(40,40,40);
   border-radius: 4px;
   max-width: 50ch;
-  cursor: pointer
+  cursor: default
+}
+.target > a{
+  content: "";
+  width: 1.2em;
+  height: 1.3em;
+  background-image: url("ext.svg");
+  background-repeat: no-repeat;
+  background-size: contain;
 }
-.target > a::after{ content: ""; width: 1ch; background-image: url("ext.svg") }
 .target:hover{ background-color: rgb(80,80,90) }
 #targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }