Finere nytt-vindu knapp

Author: anders-nom

src/components/main-section/content-view/html-view/HtmlView.module.css

@@ -12,9 +12,8 @@
 
 .fullscreenButton {
     position: absolute;
-    top: 0.25rem;
-    left: 0.25rem;
-    background-color: var(--a-white);
+    bottom: 0.25rem;
+    right: 1.5rem;
 }
 
 .hidden {

src/components/main-section/content-view/html-view/HtmlView.tsx

@@ -2,6 +2,7 @@ import React, { useRef } from 'react';
 import { classNames } from '../../../../utils/classNames';
 import { Button } from '@navikt/ds-react';
 import { useAppState } from '../../../../state/useAppState';
+import { ExpandIcon } from '@navikt/aksel-icons';
 
 import style from './HtmlView.module.css';
 
@@ -21,10 +22,11 @@ export const HtmlView = ({ html, versionKey, hidden }: Props) => {
         <div className={classNames(style.wrapper, hidden && style.hidden)}>
             <Button
                 size={'small'}
-                variant={'tertiary'}
+                variant={'primary'}
                 as={'a'}
                 href={fullscreenPath}
                 className={style.fullscreenButton}
+                icon={<ExpandIcon />}
                 onClick={(e) => {
                     e.preventDefault();
                     window.open(fullscreenPath, '_blank');