diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/ImporterValgtePersoner.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/ImporterValgtePersoner.tsx index 0f57ff05183..99f13681fd0 100644 --- a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/ImporterValgtePersoner.tsx +++ b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/ImporterValgtePersoner.tsx @@ -96,7 +96,7 @@ export const ImporterValgtePersoner = ({ identer, isMultiple }) => { icon={} loading={loading} onClick={openModal} - style={{ minWidth: '150px' }} + style={{ minWidth: '155px', height: '24px', marginTop: '10px' }} > Importer person diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/NavigerTilPerson.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/NavigerTilPerson.tsx index a6bc2beb1b7..ed4216d7547 100644 --- a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/NavigerTilPerson.tsx +++ b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/NavigerTilPerson.tsx @@ -38,6 +38,7 @@ export const NavigerTilPerson = ({ ident }) => { icon={} loading={loading} onClick={handleClick} + style={{ minWidth: '118px' }} > Vis i gruppe diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/PersonVisning.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/PersonVisning.tsx index b19045ba494..5ccd7ef80d8 100644 --- a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/PersonVisning.tsx +++ b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/PersonVisning.tsx @@ -10,6 +10,14 @@ import { NavigerTilPerson } from '@/pages/tenorSoek/resultatVisning/NavigerTilPe import { ImporterValgtePersoner } from '@/pages/tenorSoek/resultatVisning/ImporterValgtePersoner' import { useFinnesIDolly } from '@/utils/hooks/useIdent' +const PersonVisningWrapper = styled.div` + position: sticky; + top: 80px; + max-height: 92vh; + overflow: auto; + scrollbar-width: thin; +` + const NavnHeader = styled.h2` margin: 10px 0 15px 0; word-break: break-word; @@ -33,22 +41,24 @@ export const PersonVisning = ({ person, ident, loading, error }) => { const personData = person.data?.dokumentListe?.[0] return ( - -
- {personData?.visningnavn} - {loadingFinnes && } - {!loadingFinnes && - (finnesIDolly ? ( - - ) : ( - - ))} -
- - - -
+ + +
+ {personData?.visningnavn} + {loadingFinnes && } + {!loadingFinnes && + (finnesIDolly ? ( + + ) : ( + + ))} +
+ + + +
+
) } diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TreffListe.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TreffListe.tsx index f70af845adc..c5eedbe6cbe 100644 --- a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TreffListe.tsx +++ b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TreffListe.tsx @@ -23,14 +23,6 @@ const TagsWrapper = styled.div` margin: 10px 0; ` -const PersonVisningWrapper = styled.div` - position: sticky; - top: 80px; - max-height: 92vh; - overflow: auto; - scrollbar-width: none; -` - export const TreffListe = ({ response, personListe, loading, error }: any) => { if ((!personListe || personListe?.length === 0) && loading) { return @@ -132,14 +124,12 @@ export const TreffListe = ({ response, personListe, loading, error }: any) => { }} > {valgtPerson && ( - - - + )}