diff --git a/app/assets/images/tpi/funders/ftse-russell-horizontal.png b/app/assets/images/tpi/funders/ftse-russell-horizontal.png new file mode 100644 index 000000000..a73900044 Binary files /dev/null and b/app/assets/images/tpi/funders/ftse-russell-horizontal.png differ diff --git a/app/assets/images/tpi/funders/fte-russell.png b/app/assets/images/tpi/funders/ftse-russell-new.png similarity index 100% rename from app/assets/images/tpi/funders/fte-russell.png rename to app/assets/images/tpi/funders/ftse-russell-new.png diff --git a/app/assets/stylesheets/tpi/_footer.scss b/app/assets/stylesheets/tpi/_footer.scss index 3cf8e05f9..22ac9a20a 100644 --- a/app/assets/stylesheets/tpi/_footer.scss +++ b/app/assets/stylesheets/tpi/_footer.scss @@ -45,6 +45,7 @@ justify-content: space-around; @include mobile { + flex-direction: column; font-size: 14px; } diff --git a/app/assets/stylesheets/tpi/pages/home.scss b/app/assets/stylesheets/tpi/pages/home.scss index e49ed0fd1..e1b13a629 100644 --- a/app/assets/stylesheets/tpi/pages/home.scss +++ b/app/assets/stylesheets/tpi/pages/home.scss @@ -159,7 +159,7 @@ gap: 20px; justify-content: space-between; - @include tablet { + @include from($desktop) { flex-direction: row; } @@ -169,7 +169,8 @@ } .at-glance-note { - font-size: $size-6; + font-size: $size-8; + margin-top: 1rem; } .at-glance-container:before { @@ -185,10 +186,17 @@ .stat-boxes { display: grid; - grid-template-columns: 1fr 1fr; gap: 30px; padding: 30px 0px; + @include mobile { + grid-template-columns: 1fr; + } + + @include from($tablet) { + grid-template-columns: 1fr 1fr; + } + @include desktop { gap: 30px 25px; } @@ -315,20 +323,29 @@ display: flex; gap: 20px; margin: 10px 0; + + @include mobile { + flex-direction: column; + } + + img { + max-height: 70px; + + @include mobile { + max-height: 100%; + max-width: 150px; + margin: auto; + } + } } .info { - color: $blue-ribbon; font-family: $font-family-bold; a { text-decoration: underline; } } - - img { - max-height: 70px; - } } } diff --git a/app/views/layouts/tpi/_footer.html.erb b/app/views/layouts/tpi/_footer.html.erb index 0ec27c8fe..1541238ad 100644 --- a/app/views/layouts/tpi/_footer.html.erb +++ b/app/views/layouts/tpi/_footer.html.erb @@ -1,15 +1,10 @@