diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css index 079869e4c..b6c1a3263 100644 --- a/webapp/src/main/webapp/themes/iph/css/iph.css +++ b/webapp/src/main/webapp/themes/iph/css/iph.css @@ -2015,7 +2015,6 @@ h3.internal-auth { color: #5e6363; } #individual-info { - border-bottom: 1px solid #8B4513; font-family: "IPH Astra Serif"; } #titleContainer { @@ -2742,7 +2741,7 @@ button.collapsible.active { } #articleHeaderWrapper { display: flex; - flex-direction: row; + flex-direction: column; flex-wrap: nowrap; justify-content: space-between; width: 100%; @@ -2816,18 +2815,28 @@ span.iconControlsEditable { /*background-image: url(../images/expand-label-image.svg); background-repeat: no-repeat; background-position: right bottom;*/ - margin-bottom: -1px; + /*margin-top: -1px; border: 1px solid #8B4513; - border-top-left-radius: 2em; + border-bottom-left-radius: 2em;*/ /*clip-path:polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);*/ } #articleTitleWrapper { - width: 70%; + width: 100%; + display: flex; + border-bottom: 1px solid #8B4513; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + padding-bottom: 6px; +} +.articleToolsContainer { display: flex; flex-direction: row; flex-wrap: nowrap; - justify-content: flex-start; + justify-content: flex-end; + border-bottom: 1px solid #8B4513; + background-color: #F6F6F6; } #articleIconsWrapper { margin-top: 25px; @@ -3029,6 +3038,12 @@ label.switch { padding-top: 6px; padding-left: 12px; } +#collapseTextControl:hover { + color: #8B4513; +} +#expandTextControl:hover { + color: #8B4513; +} label.switch >#expandTextControl >img { padding-left: 6px; } diff --git a/webapp/src/main/webapp/themes/iph/templates/elenphAritcle.ftl b/webapp/src/main/webapp/themes/iph/templates/elenphAritcle.ftl index 10dd31927..b497fd52f 100644 --- a/webapp/src/main/webapp/themes/iph/templates/elenphAritcle.ftl +++ b/webapp/src/main/webapp/themes/iph/templates/elenphAritcle.ftl @@ -68,6 +68,7 @@ ${scripts.add('