From 647c939272ec57e597bf311d33cc49b301302912 Mon Sep 17 00:00:00 2001
From: Svetlana Rastegina <rasteginas@yandex.ru>
Date: Thu, 11 Mar 2021 21:32:07 +0100
Subject: [PATCH] Fixed expand button style and metadata content style.

---
 webapp/src/main/webapp/themes/iph/css/iph.css | 31 ++++++++++++++++---
 .../webapp/themes/iph/templates/text-lib.ftl  |  2 +-
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index add7d717e..b79ef71c3 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -151,9 +151,12 @@ input.form-control {
 input.block {
     margin-bottom: 20px;
 }
-label {
+.label {
     margin-top: .5em;
     margin-bottom: .5em;
+    font-size: 1.2rem;
+    font-family: "IPH Astra Serif";
+    color: #000000;
 }
 label.inline {
     display: inline;
@@ -2878,18 +2881,25 @@ span.iconControlsNotEditable {
 	border-bottom: 1px dashed #9C9C9C;
 }
 .collapsible.collapsed {
+	padding: 18px 18px 18px 10px; 
+}
+.collapsible.collapsed >div.collapsibleLink {
 	background-image: url(../images/arrow-down-big.svg);
 	background-repeat: no-repeat;
-	background-position: 1% 50%;
-	padding: 18px 18px 18px 40px; 
+	background-position: left center;
 	cursor: pointer;
+	padding-left: 30px;
 }
 .collapsible.expanded {
+	padding: 18px 18px 18px 10px;
+	border-bottom: 1px solid #dde4e3;
+}
+.collapsible.expanded >div.collapsibleLink {
 	background-image: url(../images/arrow-top-big.svg);
 	background-repeat: no-repeat;
-	background-position: 1% 50%;
-	padding: 18px 18px 18px 40px;
+	background-position: left center;
 	cursor: pointer;
+	padding-left: 30px;
 }
 .searchTOC {
 	display: none;
@@ -2917,6 +2927,17 @@ p.snippet {
 	border-top: 1px solid #dde4e3;
 	padding-top: 20px;
 }
+.expandedContent {
+	padding-left: 20px;
+	padding-top: 10px;
+	margin-bottom: 10px;
+	padding-bottom: 5px;
+}
+.expandedContent a {
+	font-family: "IPH Astra Serif";
+	font-size: 1.2rem;
+	padding-bottom: 2px;
+}
 /* ------------------------------------------------->  */
 /* FONTS  -------------------------------->  */
 /* ------------------------------------------------->  */
diff --git a/webapp/src/main/webapp/themes/iph/templates/text-lib.ftl b/webapp/src/main/webapp/themes/iph/templates/text-lib.ftl
index 89d2f1112..3c6e2b0bf 100644
--- a/webapp/src/main/webapp/themes/iph/templates/text-lib.ftl
+++ b/webapp/src/main/webapp/themes/iph/templates/text-lib.ftl
@@ -44,7 +44,7 @@
 	   </div>  
 	</#if>
 	<#if rubrics?? && rubrics?has_content>
-	  <div style="display:none;">
+	  <div class="expandedContent" style="display:none;">
 	    <#list rubrics as rubric>
 	      <li role="listitem" style="list-style:none;">
 	        <a href="${urls.base}/individual?uri=${rubric.rubricID?url}"">${rubric.rubricName}</a>