/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiHeaderLinks__mobileList {
  .ouiHeaderLink {
    display: block;
    width: 100%;
    padding: $ouiSizeS;

    // OuiButtons normally center, which makes sense. In mobile though we want
    // them to align left. This is a safe hack given the specificity.
    > span {
      justify-content: flex-start;
    }
  }
}