Merge pull request #58 from TDT4290-group-4/47-improve-inspected-poin…

…t-visualization

47 improve inspected point visualization

src/MeasurementControl/measurementsPanel.css

@@ -38,9 +38,14 @@
 #measurements_list td {
   padding: 2px 4px;
 }
-#measurements_list tr:nth-child(even) {
+#measurements_list table.measurement_value_table tr.alt-even td {
   background: #3a454b;
 }
+
+/* Fallback: ensure odd rows are neutral unless other row-type rules apply */
+#measurements_list table.measurement_value_table tr.alt-odd td {
+  background: transparent;
+}
 #measurements_list .coordRow td {
   background: #2f383d;
   font-family: monospace;
@@ -300,3 +305,31 @@
   color: #aaa;
   pointer-events: none;
 }
+
+/* On-canvas measurement label styling for improved contrast */
+.measurement-canvas-label {
+  position: absolute;
+  transform: translate(-50%, -100%);
+  pointer-events: none;
+  color: #000;
+  background: rgba(255, 255, 255, 0.95);
+  padding: 2px 6px;
+  border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  font-weight: 600;
+  font-size: 12px;
+  white-space: nowrap;
+  z-index: 2100;
+}
+
+/* Container overlay for on-canvas measurement labels. */
+.measurement-label-overlay {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 2000;
+}