Further waypoint improvements

src/css/ingame_hud/building_placer.scss

@@ -94,6 +94,7 @@
         .keybinding {
             position: relative;
         }
+        font-weight: bold !important;
 
         @include DarkThemeOverride {
             color: rgba(#fff, 0.5);

src/css/ingame_hud/waypoints.scss

@@ -1,4 +1,4 @@
-#ingame_HUD_Waypoints {
+#ingame_HUD_Waypoints_Hint {
     position: absolute;
     @include S(right, 10px);
     @include S(bottom, 100px);
@@ -25,3 +25,42 @@
         }
     }
 }
+
+#ingame_HUD_Waypoints {
+    position: absolute;
+    @include S(right, 10px);
+    @include S(top, 60px);
+    display: flex;
+    flex-direction: column;
+
+    .waypoint {
+        @include SuperSmallText;
+        pointer-events: all;
+        cursor: pointer;
+        color: #000;
+        @include S(padding-left, 11px);
+        display: grid;
+        grid-template-columns: 1fr auto;
+        align-items: center;
+        background: uiResource("icons/waypoint.png") left 50% / #{D(8px)} no-repeat;
+        opacity: 0.5;
+        @include S(margin-bottom, 1px);
+        font-weight: bold;
+        &:hover {
+            opacity: 1;
+        }
+
+        .deleteButton {
+            @include S(width, 10px);
+            @include S(height, 10px);
+            @include S(margin-left, 4px);
+            background: uiResource("icons/close.png") center center / 60% no-repeat;
+            pointer-events: all;
+            cursor: pointer;
+
+            &:hover {
+                transform: scale(1.5);
+            }
+        }
+    }
+}

src/css/main.scss

@@ -57,6 +57,7 @@ ingame_Canvas,
 ingame_VignetteOverlay,
 
 // Ingame overlays
+ingame_HUD_Waypoints,
 ingame_HUD_PlacementHints,
 ingame_HUD_PlacerVariants,
 
@@ -71,7 +72,7 @@ ingame_HUD_EntityDebugger,
 ingame_HUD_TutorialHints,
 ingame_HUD_buildings_toolbar,
 ingame_HUD_BlueprintPlacer,
-ingame_HUD_Waypoints,
+ingame_HUD_Waypoints_Hint,
 ingame_HUD_Watermark,
 
 // Overlays