From 9570428df9b75bc02668da25ccdacac230e1aa6f Mon Sep 17 00:00:00 2001
From: Joel Wetzell <git@jwetzell.com>
Date: Thu, 12 Mar 2026 17:05:25 -0500
Subject: [PATCH] restyle indicators

---
 src/app/components/module/module.component.html | 6 +++---
 src/app/components/route/route.component.html   | 6 ++++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/components/module/module.component.html b/src/app/components/module/module.component.html
index d812437..016061f 100644
--- a/src/app/components/module/module.component.html
+++ b/src/app/components/module/module.component.html
@@ -4,10 +4,10 @@
         isInError() ? 'border-red-500' : 'border-gray-600'
       }} border-solid w-full h-full"
     >
-      <div class="flex items-center justify-center mx-2">
+      <div class="flex items-center justify-center">
         <div class="flex items-center">
-          <mat-icon [style.color]="inputIndicatorColor()" matTooltip="Input Indicator">south</mat-icon>
-          <mat-icon [style.color]="outputIndicatorColor()" matTooltip="Output Indicator">north</mat-icon>
+          <mat-icon [style.color]="inputIndicatorColor()" matTooltip="Input Indicator">keyboard_arrow_down</mat-icon>
+          <mat-icon [style.color]="outputIndicatorColor()" matTooltip="Output Indicator">keyboard_arrow_up</mat-icon>
         </div>
         <div class="text-white">
           {{ schema().title || module()?.type }}
diff --git a/src/app/components/route/route.component.html b/src/app/components/route/route.component.html
index 1168802..93259c6 100644
--- a/src/app/components/route/route.component.html
+++ b/src/app/components/route/route.component.html
@@ -5,8 +5,10 @@
       isInError() ? 'border-red-500' : 'border-gray-600'
     }} border-solid w-full h-full"
   >
-    <div class="flex items-center justify-end mx-2">
-      <div [style.backgroundColor]="indicatorColor()" class="h-2 w-2 rounded-full"></div>
+    <div class="flex items-center justify-end">
+      <div class="flex items-center">
+          <mat-icon [style.color]="indicatorColor()" matTooltip="Route Indicator">chevron_right</mat-icon>
+      </div>
       <div class="flex-grow text-left ml-2 text-white">Route {{ index() }}</div>
       <div class="flex items-center justify-center hover:bg-gray-700" (click)="delete.emit()">
         <mat-icon class="!text-red-500">close</mat-icon>