From 524b7215ad72edb711bdf517ae18ea261a16ec38 Mon Sep 17 00:00:00 2001
From: Svetlana Rastegina <rasteginas@yandex.ru>
Date: Fri, 19 Feb 2021 17:45:30 +0100
Subject: [PATCH] Changed right search styles for all screen resolutions.

---
 webapp/src/main/webapp/themes/iph/css/iph.css | 81 ++++++++++++++++++-
 1 file changed, 79 insertions(+), 2 deletions(-)

diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index 791bd46a..a05694b3 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -2318,6 +2318,35 @@ button.collapsible.active:focus {
 .bibliography {
 	padding-left: 40px;
 }
+.rubrics >div#wrapper-content {
+	margin-top: 60px;
+}
+.issues >div#wrapper-content {
+	margin-top: 60px;
+}
+.people >div#wrapper-content {
+	margin-top: 60px;
+}
+.rubrics >div#searchRightpanel >section#search {
+	justify-content: center;
+}
+.rubrics >div#searchRightpanel > section#search > div.search-form-container {
+	width: 100%;
+	justify-content: center;
+}
+.rubrics >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	justify-content: center;
+}
+.issues >div#searchRightpanel >section#search {
+	justify-content: center;
+}
+.issues >div#searchRightpanel > section#search > div.search-form-container {
+	width: 100%;
+	justify-content: center;
+}
+.issues >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	justify-content: center;
+}
 
 /* ------------------------------------------------->  */
 /* SCREEN RESOLUTION  -------------------------------->  */
@@ -2334,11 +2363,17 @@ button.collapsible.active:focus {
 	width: 90%;	
 	}
 	#switch-to-extended-searchform {
-	width: 80%;	
+	width: 50%;	
 	}
 	#querybuilder-container {
 	width: 70%;	
 	}
+	.elenph_articles >div#searchRightpanel {
+	width: 90%;
+	}
+	.excerpts >div#searchRightpanel {
+	width: 90%;
+	}
 }
 @media screen and (max-width: 1300px) {
 	#branding {
@@ -2365,6 +2400,18 @@ button.collapsible.active:focus {
 	ul#browse-classes {
 	width: 24%;	
 	}	
+	.elenph_articles >div#searchRightpanel {
+	width: 95%;
+	}
+	.excerpts >div#searchRightpanel {
+	width: 95%;
+	}
+	.elenph_articles >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	width: 70%;
+	}
+	.excerpts > div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	width: 70%;
+	}
 }
 
 @media screen and (max-width: 1100px) {
@@ -2380,6 +2427,15 @@ button.collapsible.active:focus {
 	ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
 	background: none;	
 	}
+	.elenph_articles >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	width: 80%;
+	}
+	.excerpts >div#searchRightpanel {
+	width: 95%;
+	}
+	.elenph_articles >div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	width: 80%;
+	}
 }
 @media screen and (max-width: 900px) {
 	h1.vivo-logo {
@@ -2502,7 +2558,7 @@ button.collapsible.active:focus {
 	line-height: 1.3em;	
 	}
 	#menupage-intro h2 {
-	padding-bottom: 5px;	
+	padding-bottom: 15px;	
 	}
 	ul#alpha-browse-individuals {
 	font-size: 1rem;
@@ -2510,6 +2566,15 @@ button.collapsible.active:focus {
 	ul#alpha-browse-individuals a {
 	padding-left: 1px;
 	}
+	.rubrics > div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	width: 80%;
+	}
+	.excerpts > div#searchRightpanel > section#search > div.search-form-container > form#custom-search {
+	width: 80%;
+	}
+	.excerpts >div#searchRightpanel {
+	width: 95%;
+	}
 }
 
 @media screen and (max-width: 720px) {
@@ -2541,4 +2606,16 @@ button.collapsible.active:focus {
 	font-size: 0.8rem;
 	line-height: 1.2em;	
 	}
+	.elenph_articles >div#searchRightpanel {
+	width: 95%;
+	}
+	.elenph_articles #searchRightpanel > section#search > div.search-form-container {
+	width: 70%;
+	}
+	.excerpts >div#searchRightpanel  {
+	width: 95%;
+	}
+	.excerpts >div#searchRightpanel > section#search > div.search-form-container {
+	width: 80%;
+	}
 }
\ No newline at end of file