libre-charge-map/styles/_mobile.scss

/* Style pour mobile ---------------------------------- */
@media (max-width: 700px) {
  header h1 {
    width: 100vw;
    font-size: 1.5rem;
  }

  .irve-details {

    .edit-button,
    .panoramax-link {
      right: -9rem;
      top: -5rem;
    }
  }

  #searchButton {
    margin-top: 0rem;
  }

  #searchResults {

    display: inline-block;
    position: relative;
    margin-top: -7.7vh;
    width: 87vw;
    height: 67%;
    left: -4vw;
    border-top: 1px;
  }

  #bars_power {
    position: absolute;
    top: 0;
    width: 120%;
  }

  #toggleSidePanel {
    position: fixed;
    top: 0.6rem;
    right: 0.6rem;
    z-index: 10;
    background: #a9a9a9;
    padding: 0.2rem 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: 0;
    font-size: 2rem;
  }

  body {
    /* border: solid 3px blue; */
  }

  .side-panel-open .side-panel {
    position: static;
    transform: none;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    margin: 0;
    width: 100vw;
  }

  .side-panel.active {
    transform: none;
  }

  .side-panel-open #map,
  #map {
    margin: 0;
    left: 0;
    top: 0;
    width: 100vw;
    height: 90vh;
    height: 55vh;
  }


  header {
    position: static;
  }

  .filters-box {
    position: static;
  }

  .close-results-button {
    border: 0;
    border-radius: 3px;
    background: var(--button-border);
    margin: 0;

    position: relative;
    top: -6.7vh;
    left: -1rem;
    height: 2.9rem;
    z-index: 10;

  }

  #count_features_fond {

    position: static;
  }
}