From 31803fd8eda1b58afb8e47c35378c4bbaea4e9a9 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Fri, 5 Aug 2022 18:09:08 +0300
Subject: [PATCH] [Connect | new-theme]: community.component.html: In Community
 Gateway Home page aligned center the top section, updated its width, changed
 the ordering of title-shortTitle and the font size of shortTitle.

---
 src/app/community/community.component.html | 40 +++++++++++-----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index f5e36e0..a47f80e 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -150,26 +150,26 @@
 
   <div *ngIf="communityInfo && community && !isPrivate()" >
 		<div *ngIf="communityInfo && community" class="generalSearchForm"> <!-- this div will have the customized color or image -->
-			<div class="uk-container uk-container-large">
-				<div class="uk-width-1-2@m uk-margin-large-top uk-margin-large-bottom">
-					<div *ngIf="community.shortTitle && community.title != community.shortTitle" class="uk-margin-remove uk-text-secondary">
-						{{community.shortTitle}}
-					</div>
-					<h1 *ngIf="community.title" class="uk-margin-remove">
-						{{community.title}}
-					</h1>
-					<div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top uk-width-4-5@m">
-						<advanced-search-input #advanced (searchEmitter)="goTo(true)">
-							<entities-selection [simpleView]="true" currentEntity="result" [selectedEntity]="selectedEntity" [customFilter]="customFilter"
-								(selectionChange)="entityChanged($event);advanced.focusNext(input, $event)" (disableSelectEmitter)="disableSelectChange($event)"
-								[onChangeNavigate]="false"></entities-selection>
-							<div input #input placeholder="Scholary works" [searchable]="true" [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>
-						</advanced-search-input>
-						<div *ngIf="selectedEntity === 'result' && input.focused" (click)="$event.stopPropagation();advanced.focusNext(input, $event)" class="uk-dropdown uk-display-block uk-margin-small-top uk-width-auto">
-							<div class="uk-padding-small">
-								<quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>
-							</div>
-						</div>
+			<div class="uk-container uk-container-large uk-flex uk-flex-center">
+				<div class="uk-width-2-3@m uk-width-1-2@l uk-margin-large-top uk-margin-large-bottom">
+          <h1 *ngIf="community.title" class="uk-text-center uk-h2 uk-margin-remove">
+            {{community.shortTitle}}
+          </h1>
+					<div *ngIf="community.shortTitle && community.title != community.shortTitle" class="uk-text-center uk-margin-top">
+            {{community.title}}
+          </div>
+					<div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top">
+            <advanced-search-input #advanced (searchEmitter)="goTo(true)">
+              <entities-selection [simpleView]="true" currentEntity="result" [selectedEntity]="selectedEntity" [customFilter]="customFilter"
+                (selectionChange)="entityChanged($event);advanced.focusNext(input, $event)" (disableSelectEmitter)="disableSelectChange($event)"
+                [onChangeNavigate]="false"></entities-selection>
+              <div input #input placeholder="Scholary works" [searchable]="true" [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>
+            </advanced-search-input>
+            <div *ngIf="selectedEntity === 'result' && input.focused" (click)="$event.stopPropagation();advanced.focusNext(input, $event)" class="uk-dropdown uk-display-block uk-margin-small-top uk-width-auto">
+              <div class="uk-padding-small">
+                <quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>
+              </div>
+            </div>
 					</div>
 				</div>
 			</div>