From 087cd208d5d4f2db661ddd467fb7b90b3a7d9480 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 18 Oct 2022 15:28:04 +0300
Subject: [PATCH] [Explore & Library]: home.component.html &
 advancedSearchForm.component.html & claimContextSearchForm.component.html &
 claimProjectSearchForm.component.html & claimResultSearchForm.component.html:
 Increased width of search forms and fixed width of each step of stepper
 input.

---
 claims/claim-utils/claimContextSearchForm.component.html  | 6 +++---
 claims/claim-utils/claimProjectSearchForm.component.html  | 6 +++---
 claims/claim-utils/claimResultSearchForm.component.html   | 8 ++++----
 searchPages/searchUtils/advancedSearchForm.component.html | 4 ++--
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/claims/claim-utils/claimContextSearchForm.component.html b/claims/claim-utils/claimContextSearchForm.component.html
index 5df46667..01e4e1fb 100644
--- a/claims/claim-utils/claimContextSearchForm.component.html
+++ b/claims/claim-utils/claimContextSearchForm.component.html
@@ -1,9 +1,9 @@
 <div>
-  <div class="uk-width-large">
+  <div class="uk-width-xlarge@l uk-width-large">
     <advanced-search-input>
         <div input type="select" [(value)]="showOptions.show" placeholder="Type" hint="Select..."
-             [options]="showOptions.selectOptions"></div>
-        <div input type="text" [(value)]="keyword" [searchable]="true" placeholder="Entities to link" [hint]="'Search for ' + openaireEntities.COMMUNITIES + '...'"></div>
+             [options]="showOptions.selectOptions" class="uk-width-2-5"></div>
+        <div class="uk-width-expand" input type="text" [(value)]="keyword" [searchable]="true" placeholder="Entities to link" [hint]="'Search for ' + openaireEntities.COMMUNITIES + '...'"></div>
     </advanced-search-input>
   </div>
   <div *ngIf="communities"class="uk-padding">
diff --git a/claims/claim-utils/claimProjectSearchForm.component.html b/claims/claim-utils/claimProjectSearchForm.component.html
index 40835ae1..c420b55b 100644
--- a/claims/claim-utils/claimProjectSearchForm.component.html
+++ b/claims/claim-utils/claimProjectSearchForm.component.html
@@ -1,8 +1,8 @@
-<div class="uk-width-large">
+<div class="uk-width-xlarge@l uk-width-large">
   <advanced-search-input (searchEmitter)="search(page,size)">
     <div input type="select" [(value)]="showOptions.show" placeholder="Type" hint="Select..."
-         [options]="showOptions.selectOptions"></div>
-    <div input type="text" [(value)]="keyword" [searchable]="true" placeholder="Entities to link" [hint]="'Search for ' + openaireEntities.PROJECTS + '...'"></div>
+         [options]="showOptions.selectOptions" class="uk-width-2-5"></div>
+    <div class="uk-width-expand" input type="text" [(value)]="keyword" [searchable]="true" placeholder="Entities to link" [hint]="'Search for ' + openaireEntities.PROJECTS + '...'"></div>
   </advanced-search-input>
 </div>
 <div *ngIf="!showResults">
diff --git a/claims/claim-utils/claimResultSearchForm.component.html b/claims/claim-utils/claimResultSearchForm.component.html
index 2def4d8b..a99b38d4 100644
--- a/claims/claim-utils/claimResultSearchForm.component.html
+++ b/claims/claim-utils/claimResultSearchForm.component.html
@@ -1,11 +1,11 @@
-<div *ngIf="showOptions && showOptions.linkToEntities.length > 0" class="uk-width-large">
+<div *ngIf="showOptions && showOptions.linkToEntities.length > 0" class="uk-width-xlarge@l uk-width-large">
   <advanced-search-input (searchEmitter)="search(true)">
     <div input type="select" [(value)]="showOptions.show" placeholder="Type" hint="Select..."
-         [options]="showOptions.selectOptions"></div>
-    <div input type="text" [(value)]="keyword" [searchable]="true" placeholder="Entities to link" [hint]="'Search for ' + openaireEntities.RESULTS.toLowerCase()  + '...'"></div>
+         [options]="showOptions.selectOptions" class="uk-width-2-5"></div>
+    <div class="uk-width-expand" input type="text" [(value)]="keyword" [searchable]="true" placeholder="Entities to link" [hint]="'Search for ' + openaireEntities.RESULTS.toLowerCase()  + '...'"></div>
   </advanced-search-input>
 </div>
-<div *ngIf="!showOptions"  class="uk-width-large">
+<div *ngIf="!showOptions"  class="uk-width-xlarge@l uk-width-large">
   <div search-input [(value)]="keyword" [placeholder]="'Search for ' + openaireEntities.RESULTS.toLowerCase() + '...'"
          (searchEmitter)="search(true)"></div>
 </div>
diff --git a/searchPages/searchUtils/advancedSearchForm.component.html b/searchPages/searchUtils/advancedSearchForm.component.html
index dd27b089..7e03b2bd 100644
--- a/searchPages/searchUtils/advancedSearchForm.component.html
+++ b/searchPages/searchUtils/advancedSearchForm.component.html
@@ -157,8 +157,8 @@
         <advanced-search-input [class.uk-hidden]="disableSelect" [dark]="dark" [disabled]="isDisabled" (searchEmitter)="simpleKeywordChanged()">
           <entities-selection [simpleView]="true" [currentEntity]="entityType"
                               (selectionChange)="simpleEntityChanged($event)" (disableSelectEmitter)="disableSelectChange($event)"
-                              [onChangeNavigate]="true" [customFilter]="customFilter"></entities-selection>
-          <div input placeholder="Scholary works" [searchable]="true" [hint]="formPlaceholderText" [(value)]="selectedFields[0].value"></div>
+                              [onChangeNavigate]="true" [customFilter]="customFilter" class="uk-width-2-5"></entities-selection>
+          <div class="uk-width-expand" input placeholder="Scholary works" [searchable]="true" [hint]="formPlaceholderText" [(value)]="selectedFields[0].value"></div>
         </advanced-search-input>
         <div *ngIf="selectedFields[0] && disableSelect" search-input [disabled]="isDisabled" [(value)]="selectedFields[0].value"
              [placeholder]="formPlaceholderText" (searchEmitter)="simpleKeywordChanged()"></div>