@import (reference) "../../css/variables";

* {
  font-family: @font-family-base;
}

body {
  background-color: @main-background-color;
  color: @font-color-base;
  font-family: @font-family-base;
}

.report-layout {
  margin: @content-margin-top @content-margin-right @content-margin-bottom @content-margin-left;

  .report-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px;
  }

  .report-section {
    display: table-cell;
  }
}

@media screen and (max-width: 630px) {
  .report-row {
    display: block !important;
  }
  .report-section {
    width: 100%;
    display:inline-block !important;
  }
}
@import (reference) "../../css/variables";

* {
  font-family: @font-family-base;
}

body {
  background-color: @main-background-color;
  color: @font-color-base;
  font-family: @font-family-base;
}

.report-layout {
  margin: @content-margin-top @content-margin-right @content-margin-bottom @content-margin-left;

  .report-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px;
  }

  .report-section {
    display: table-cell;
  }
}

@media screen and (max-width: 630px) {
  .report-row {
    display: block !important;
  }
  .report-section {
    width: 100%;
    display: inline-block !important;
  }
}
Make report to be responsive
Make report to be responsive
