diff --git a/app/assets/stylesheets/tpi/_bubble-chart.scss b/app/assets/stylesheets/tpi/_bubble-chart.scss index 72ac7593c..486ee0786 100644 --- a/app/assets/stylesheets/tpi/_bubble-chart.scss +++ b/app/assets/stylesheets/tpi/_bubble-chart.scss @@ -20,7 +20,6 @@ $legend-image-width: 60px; width: 100%; /* CSS GRID */ display: grid; - grid-row-gap: 4px; align-items: center; &--sectors { @@ -214,7 +213,7 @@ $legend-image-width: 60px; .bubble-chart__level { border-right: calc(#{$tape-height / 2}) dotted $tape-color; position: relative; - height: 20%; + height: 60%; } diff --git a/app/assets/stylesheets/tpi/_nested-dropdown.scss b/app/assets/stylesheets/tpi/_nested-dropdown.scss index ae10a5794..9a073a86a 100644 --- a/app/assets/stylesheets/tpi/_nested-dropdown.scss +++ b/app/assets/stylesheets/tpi/_nested-dropdown.scss @@ -34,6 +34,7 @@ &__title-header { display: flex; flex-direction: column; + font-size: 16px; small { margin-top: -7px; diff --git a/app/assets/stylesheets/tpi/_selector.scss b/app/assets/stylesheets/tpi/_selector.scss index 91c6255da..be0c3b949 100644 --- a/app/assets/stylesheets/tpi/_selector.scss +++ b/app/assets/stylesheets/tpi/_selector.scss @@ -12,6 +12,10 @@ justify-content: space-between; cursor: pointer; + .selector__input { + border: 0; + } + .selector__value { width: 100%; margin-right: 16px; diff --git a/app/assets/stylesheets/tpi/charts/companies_accordion.scss b/app/assets/stylesheets/tpi/charts/companies_accordion.scss index 3713a8f9e..47947987d 100644 --- a/app/assets/stylesheets/tpi/charts/companies_accordion.scss +++ b/app/assets/stylesheets/tpi/charts/companies_accordion.scss @@ -83,10 +83,10 @@ $tpi-level-chart-colors: #86A9F9 #5587F7 #2465F5 #0A4BDC #083AAB #9747FF; width: 100%; font-size: $size-5; border-radius: 0; - height: 30px; + height: 40px; &:focus { - height: 30px; + height: 40px; } } } diff --git a/app/assets/stylesheets/tpi/pages/company.scss b/app/assets/stylesheets/tpi/pages/company.scss index b5615106f..58267c76c 100644 --- a/app/assets/stylesheets/tpi/pages/company.scss +++ b/app/assets/stylesheets/tpi/pages/company.scss @@ -2,6 +2,14 @@ .change-view { margin-top: 1.5rem; margin-bottom: 1.5rem; + + .buttons { + justify-content: end; + @include until($desktop) { + // flex-direction: column; + justify-content: center; + } + } } .companies-header { @@ -15,12 +23,15 @@ color: white; line-height: 40px; margin-right: 10px; + @include until($desktop) { + margin-right: 0; + } } @include until($desktop) { - padding: 0 0.75rem; + padding-inline: 0 !important; font-size: $size-7; - height: 60px; + height: auto; font-family: $font-family-regular; } } @@ -35,6 +46,9 @@ .summary-boxes { margin-top: 1.5rem; + @include until($desktop) { + margin-top: 0; + } } .summary-box { diff --git a/app/assets/stylesheets/tpi/pages/sector.scss b/app/assets/stylesheets/tpi/pages/sector.scss index 065f50c91..59fcffd4f 100644 --- a/app/assets/stylesheets/tpi/pages/sector.scss +++ b/app/assets/stylesheets/tpi/pages/sector.scss @@ -32,7 +32,6 @@ $tape-color: rgba(25, 25, 25, 0.1); padding-inline: 0 !important; font-size: $size-7; height: auto; - padding-top: 40px; font-family: $font-family-regular; } diff --git a/app/javascript/components/tpi/charts/bubble/Chart.js b/app/javascript/components/tpi/charts/bubble/Chart.js index 7a16db5e0..16127caf5 100644 --- a/app/javascript/components/tpi/charts/bubble/Chart.js +++ b/app/javascript/components/tpi/charts/bubble/Chart.js @@ -109,7 +109,7 @@ const BubbleChart = ({ levels, sectors }) => { const levelsSignature = levels && Object.keys(levels[Object.keys(levels)[0]]); - const GRID_HEIGHT = parsedData.length * SINGLE_CELL_SVG_HEIGHT + 150; + const GRID_HEIGHT = parsedData.length * SINGLE_CELL_SVG_HEIGHT + 120; return (