Fix production styles

Author: cskrov

src/routes/form-title.tsx

@@ -18,11 +18,12 @@ const TitleContainer = styled.div`
 `;
 
 const Title = styled(Innholdstittel)`
-    @media ${device.mobileS} {
-        margin-top: 0;
-    }
-    @media ${device.mobileL} {
-        margin-top: 8px;
+    && {
+        margin-bottom: 0;
+
+        @media ${device.mobileL} {
+            margin-bottom: 8px;
+        }
     }
 `;
 

src/routes/inngang/inngang-innsendingsvalg-post.tsx

@@ -74,7 +74,9 @@ const InngangInnsendingPost = ({ temaKey, title = Tema[temaKey] }: Props) => {
 };
 
 const VeilederContainer = styled(Veileder)`
-    margin-bottom: 32px;
+    && {
+        margin-bottom: 32px;
+    }
 `;
 
 const arePropsEqual = (prevProps: Props, nextProps: Props) =>

src/routes/klageskjema/begrunnelse/autosave-progress.tsx

@@ -17,10 +17,11 @@ interface Props {
 }
 
 const AutosaveContainer = styled.div`
-    color: #78706a;
-    text-align: right;
     display: flex;
     justify-content: flex-end;
+    color: #78706a;
+    text-align: right;
+    margin-top: 4px;
 `;
 
 const AutosaveContent = styled.div`

src/routes/klageskjema/kvittering/kvittering-loading.tsx

@@ -38,13 +38,17 @@ const BouncingEnvelope = styled(Envelope)`
 `;
 
 const PageTitle = styled(Systemtittel)`
-    margin-top: 0;
-    margin-bottom: 16px;
-    text-align: center;
+    && {
+        margin-top: 0;
+        margin-bottom: 16px;
+        text-align: center;
+    }
 `;
 
 const Description = styled(Normaltekst)`
-    text-align: center;
+    && {
+        text-align: center;
+    }
 `;
 
 export default KvitteringLoading;

src/routes/klageskjema/oppsummering.tsx

@@ -156,19 +156,25 @@ const Frame = styled.section`
 `;
 
 const Text = styled(Undertekst)`
-    margin-bottom: 16px;
+    && {
+        margin-bottom: 16px;
+    }
 `;
 
 const BlackUndertittel = styled(Undertittel)`
-    color: #000;
+    && {
+        color: #000;
+    }
 `;
 
 const SummarySection = styled.section`
     padding: 1rem;
 `;
 
 const RowKnapp = styled(Knapp)`
-    margin-right: 10px;
+    && {
+        margin-right: 10px;
+    }
 `;
 
 const Icon = styled(Clipboard)`

src/styled-components/login-button.tsx

@@ -2,5 +2,7 @@ import styled from 'styled-components/macro';
 import { Hovedknapp } from 'nav-frontend-knapper';
 
 export const LoginButton = styled(Hovedknapp)`
-    margin-top: 16px;
+    && {
+        margin-top: 16px;
+    }
 `;

src/styled-components/page-paragraph.tsx

@@ -2,11 +2,15 @@ import styled from 'styled-components/macro';
 import { Normaltekst } from 'nav-frontend-typografi';
 
 export const PageParagraph = styled(Normaltekst)`
-    display: inline-block;
-    width: 100%;
-    margin-bottom: 32px;
+    && {
+        display: inline-block;
+        width: 100%;
+        margin-bottom: 32px;
+    }
 `;
 
 export const CenteredPageParagraph = styled(PageParagraph)`
-    text-align: center;
+    && {
+        text-align: center;
+    }
 `;

src/styled-components/page-title.tsx

@@ -2,15 +2,21 @@ import styled from 'styled-components/macro';
 import { Sidetittel, Innholdstittel } from 'nav-frontend-typografi';
 
 export const PageTitle = styled(Sidetittel)`
-    margin-top: 0;
-    margin-bottom: 32px;
+    && {
+        margin-top: 0;
+        margin-bottom: 32px;
+    }
 `;
 
 export const CenteredPageTitle = styled(PageTitle)`
-    text-align: center;
+    && {
+        text-align: center;
+    }
 `;
 
 export const CenteredPageSubTitle = styled(Innholdstittel)`
-    margin-bottom: 32px;
-    text-align: center;
+    && {
+        margin-bottom: 32px;
+        text-align: center;
+    }
 `;

src/styled-components/section-title.tsx

@@ -2,6 +2,8 @@ import styled from 'styled-components/macro';
 import { Undertittel } from 'nav-frontend-typografi';
 
 export const SectionTitle = styled(Undertittel)`
-    margin-top: 0;
-    margin-bottom: 32px;
+    && {
+        margin-top: 0;
+        margin-bottom: 32px;
+    }
 `;