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

.distance-container{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

@media (min-width: 680px) and (max-width: 1024px) and (orientation: landscape){
    .distance-container{
        gap: 8px;
    }
    
    .info-block{
        margin: 6px 0;
        font-size: 14px;
    }
}