Add possibility to exclude margin in spool icon for overview sites

client/src/components/spoolIcon.css

@@ -3,6 +3,7 @@
   width: 1.5em;
   height: 2.5em;
   gap: 2px;
+  margin: 0 0.5em;
 }
 
 .spool-icon.vertical {
@@ -14,6 +15,10 @@
   height: 4em;
 }
 
+.spool-icon.no-margin {
+  margin: 0;
+}
+
 .spool-icon * {
   flex: 1 1 0px;
   border-radius: 2px;

client/src/components/spoolIcon.tsx

@@ -3,13 +3,15 @@ import "./spoolIcon.css";
 interface Props {
   color: string | { colors: string[]; vertical: boolean };
   size?: "small" | "large";
+  no_margin? : boolean
 }
 
-export default function SpoolIcon(props: Props) {
+export default function SpoolIcon(props: Readonly<Props>) {
   let dirClass = "vertical";
   let cols = [];
   let size = props.size ? props.size : "small";
-
+  let no_margin = props.no_margin ? "no-margin" : "";
+  
   if (typeof props.color === "string") {
     cols = [props.color];
   } else {
@@ -18,7 +20,7 @@ export default function SpoolIcon(props: Props) {
   }
 
   return (
-    <div className={"spool-icon " + dirClass + " " + size}>
+    <div className={"spool-icon " + dirClass + " " + size + " " + no_margin}>
       {cols.map((col) => (
         <div
           key={col}