diff --git a/packages/web/src/components/SequenceView/PeptideView.tsx b/packages/web/src/components/SequenceView/PeptideView.tsx index 72148e929..7edb82602 100644 --- a/packages/web/src/components/SequenceView/PeptideView.tsx +++ b/packages/web/src/components/SequenceView/PeptideView.tsx @@ -7,6 +7,7 @@ import styled from 'styled-components' import type { AnalysisResult, Gene, GeneWarning, Warnings } from 'src/algorithms/types' import type { State } from 'src/state/reducer' +import { AA_MIN_WIDTH_PX } from 'src/constants' import { selectGeneMap } from 'src/state/algorithm/algorithm.selectors' import { useTranslationSafe } from 'src/helpers/useTranslationSafe' import { getSafeId } from 'src/helpers/getSafeId' @@ -135,7 +136,8 @@ export function PeptideViewUnsizedDisconnected({ width, sequence, warnings, gene return ( - + {/* Padding of 1/2 of an AA is added on both sides, such that the markers close to the edges are visible */} + {unknownAaRangesForGene && diff --git a/packages/web/src/components/SequenceView/SequenceView.tsx b/packages/web/src/components/SequenceView/SequenceView.tsx index 01ec82425..400f09f56 100644 --- a/packages/web/src/components/SequenceView/SequenceView.tsx +++ b/packages/web/src/components/SequenceView/SequenceView.tsx @@ -7,6 +7,7 @@ import styled from 'styled-components' import { selectGenomeSize } from 'src/state/algorithm/algorithm.selectors' import type { State } from 'src/state/reducer' import type { AnalysisResult } from 'src/algorithms/types' +import { BASE_MIN_WIDTH_PX } from 'src/constants' import { SequenceMarkerGap } from './SequenceMarkerGap' import { SequenceMarkerMissing } from './SequenceMarkerMissing' @@ -98,7 +99,8 @@ export function SequenceViewUnsizedDisconnected({ sequence, width, genomeSize }: return ( - + {/* Padding of 1/2 of a nuc is added on both sides, such that the markers close to the edges are visible */} +