diff --git a/bicorder-app/src/app.css b/bicorder-app/src/app.css index 7ddbd05..67a4b0b 100644 --- a/bicorder-app/src/app.css +++ b/bicorder-app/src/app.css @@ -47,6 +47,7 @@ body { touch-action: manipulation; -webkit-tap-highlight-color: transparent; font-size: 16px; + overflow-x: hidden; } #app { diff --git a/bicorder-app/src/components/AnalysisDisplay.svelte b/bicorder-app/src/components/AnalysisDisplay.svelte index 1d951b8..1d6cfc6 100644 --- a/bicorder-app/src/components/AnalysisDisplay.svelte +++ b/bicorder-app/src/components/AnalysisDisplay.svelte @@ -214,6 +214,11 @@ width: 100%; } + .gradient-row.focused .bar { + width: 100%; + min-width: 0; + } + .term { text-align: center; font-size: 0.9rem; diff --git a/bicorder-app/src/components/GradientSlider.svelte b/bicorder-app/src/components/GradientSlider.svelte index e7d4715..3ecacc0 100644 --- a/bicorder-app/src/components/GradientSlider.svelte +++ b/bicorder-app/src/components/GradientSlider.svelte @@ -189,6 +189,11 @@ width: 100%; } + .gradient-row.focused .bar { + width: 100%; + min-width: 0; + } + .term { text-align: center; font-size: 0.9rem;