Merge branch 'GREG-98-styling-fixes' into 'master'

Greg 98 styling fixes

See merge request !176

frontend/.env

@@ -6,6 +6,4 @@ REACT_APP_INST=uio
 REACT_APP_SUPPORT_URL=https://example.org
 
 REACT_APP_RESPONSIBLE_ORGANIZATION='Seksjon for integrasjon og elektroniske identiteter (INT)'
-REACT_APP_RESPONSIBLE_ORGANIZATION_LINK='https://www.usit.uio.no/om/organisasjon/bnt/usitint/'
-
+REACT_APP_RESPONSIBLE_ORGANIZATION_LINK='https://www.usit.uio.no/om/organisasjon/bnt/usitint/'
\ No newline at end of file
-REACT_APP_THEME=default

frontend/src/routes/components/footer.tsx

@@ -58,10 +58,7 @@ const LogoSection = styled('div')(({ theme }) => ({
   padding: '1rem 0 1rem 2rem',
 }))
 
-const LogoContainer = styled('div')({
-  maxWidth: '20rem',
-  minWidth: '10rem',
-})
+const LogoContainer = styled('div')({})
 
 function Footer() {
   const { t } = useTranslation(['common', 'footer'])

frontend/src/routes/components/header.tsx

@@ -32,8 +32,6 @@ const LogoContainer = styled('div')({
   display: 'flex',
   flexDirection: 'row',
   alignItems: 'flex-end',
-  minWidth: '5rem',
-  maxWidth: '10rem',
   paddingTop: '0.5rem',
   paddingBottom: '0.5rem',
 })

frontend/src/routes/components/logos/index.tsx

@@ -13,9 +13,22 @@ function getHeaderLogo() {
   switch (appInst) {
     case 'uio':
       if (i18n.language === 'en') {
-        return <UiOLogoEn />
+        return (
+          <UiOLogoEn
+            style={{ minHeight: '5rem', minWidth: '5rem', maxWidth: '15rem' }}
+          />
+        )
       }
-      return <UiOLogoNo />
+      return (
+        <UiOLogoNo
+          style={{
+            minHeight: '5rem',
+            minWidth: '5rem',
+            maxWidth: '15rem',
+            opacity: '0.99',
+          }}
+        />
+      )
     case 'uib':
       return <></>
     default:
@@ -29,14 +42,30 @@ function getFooterLogo() {
   switch (appInst) {
     case 'uio':
       if (i18n.language === 'en') {
-        return <UiOLogoSealEn />
+        return (
+          <UiOLogoSealEn
+            style={{ minHeight: '6rem', minWidth: '10rem', maxWidth: '20rem' }}
+          />
+        )
       }
-      return <UiOLogoSealNo />
+      return (
+        <UiOLogoSealNo
+          style={{ minHeight: '6rem', minWidth: '10rem', maxWidth: '20rem' }}
+        />
+      )
     case 'uib':
       if (i18n.language === 'en') {
-        return <UiBLogoEn />
+        return (
+          <UiBLogoEn
+            style={{ minHeight: '7rem', minWidth: '10rem', maxWidth: '30rem' }}
+          />
+        )
       }
-      return <UiBLogoNo />
+      return (
+        <UiBLogoNo
+          style={{ minHeight: '7rem', minWidth: '10rem', maxWidth: '30rem' }}
+        />
+      )
     default:
       return <></>
   }