ui/mission-planner/src/flightPlanning/PointsList.css

.flight-plan-point {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.point-details {
  flex: 1;
}

.uncalculated {
  color: gray;
}

.point-actions {
  display: flex;
  gap: 8px;
}

.flight-plan-points-container {
  min-height: 50px;
  overflow-y: auto;
  border: 1px solid #ccc;
}

.flight-plan-point {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape) {
  .flight-plan-point {
    padding: 4px;
  }

  .point-details {
    font-size: 12px;
  }

  .point-actions {
    gap: 2px;
  }

  .point-actions .MuiButtonBase-root {
    padding: 4px;
    min-width: 24px;
  }

  .small-icon {
    font-size: 16px !important;
  }
}