From 72b388a0453c79c7052cfcfb4e4efda56e0f52ad Mon Sep 17 00:00:00 2001 From: Svetlana Rastegina Date: Tue, 9 Feb 2021 17:33:28 +0100 Subject: [PATCH] Fixed width statistic block on all screen resolutions. --- webapp/src/main/webapp/themes/iph/css/iph.css | 69 +++++++++++-------- 1 file changed, 40 insertions(+), 29 deletions(-) diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css index 6796489b..a11b2087 100644 --- a/webapp/src/main/webapp/themes/iph/css/iph.css +++ b/webapp/src/main/webapp/themes/iph/css/iph.css @@ -1203,22 +1203,30 @@ a.view-all-style { } +section#home-stats.home-sections { + display: flex !important; + flex-direction: column; + flex-wrap: nowrap; + justify-content: center; + align-items: center; +} + #home-stats h4 { - padding-top: 10px; padding-bottom: 0px; display: block; - height: 20px; + height: 1.5rem; } #home-stats { - margin-top: 0px !important; - height: 120px; - width: 40%; + margin-top: 0px !important; + height: 120px; + width: 40%; } #stats { -margin-top: 10px; + margin-top: 5px; + width: auto; } #stats li { @@ -1238,8 +1246,11 @@ margin-top: 10px; width:90px; } + + #stats >li { height: 60px; + margin-left: 20px; } #stats li:first-child { @@ -1387,6 +1398,13 @@ div#adjImgHeight { flex-direction: row; flex-wrap: nowrap; justify-content: center; + width: 80%; + margin-left: auto; + margin-right: auto; +} + +div#footerWrapper >nav { + width: 30%; } footer { @@ -2148,6 +2166,9 @@ span.subclassExpandMinus { #querybuilder-container { width: 90%; } + #footerWrapper { + width: 95%; + } } @media screen and (max-width: 900px) { h1.vivo-logo { @@ -2179,30 +2200,20 @@ span.subclassExpandMinus { #registrationDescription { width: 100%; } - -} -/*@media screen and (max-width: 720px) { - #branding { - width: 100%; - } - ul#main-nav { + #footerWrapper { width: 100%; } - #wrapper-content { - width: 95%; - padding-top: 5px; + #stats > li { + margin-left: 5px;} + #stats li { + width: 80px; } - h1.vivo-logo { - background-size: 100%; - top: 55px; + +} +@media screen and (max-width: 720px) { + #stats li { + width: 80px; } - #querybuilder-container { - width: 100%; - } - #custom-search { - width: 80%; - } - #switch-to-extended-searchform { - width: 80%; - } -}*/ + #stats > li { + margin-left: 5px;} +} \ No newline at end of file