From 7b55d36930c467e954fb6654d2e3f63f2cb44ddb Mon Sep 17 00:00:00 2001
From: Wissam <wissam_ataleh@outlook.com>
Date: Tue, 16 Mar 2021 21:57:30 +0200
Subject: [PATCH 1/4] Fix AppAll component title alignment

---
 components/Lists/AppAll.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Lists/AppAll.vue b/components/Lists/AppAll.vue
index 4b8ad9c..9fe610e 100644
--- a/components/Lists/AppAll.vue
+++ b/components/Lists/AppAll.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="grid-list container">
     <div class="flex flex-row flex-wrap justify-between items-center mb-8">
-      <h2 v-if="title" class="mb-4 flex-grow">{{ title }}</h2>
-      <div class="flex flex-row flex-no-wrap justify-start items-center mb-4">
+      <h2 v-if="title" class="mb-4">{{ title }}</h2>
+      <div class="flex flex-grow flex-row flex-no-wrap justify-end items-center mb-4">
         <!-- Sort -->
         <div class="inline-block relative">
           <select name="sortMembers" id="sortMembers" v-model="sortValue"

From 696ebe2e302942fbc46171162bcfbca35b969f8f Mon Sep 17 00:00:00 2001
From: Wissam <wissam_ataleh@outlook.com>
Date: Tue, 16 Mar 2021 21:57:51 +0200
Subject: [PATCH 2/4] Fix dropdown menu alignment

---
 components/Elements/Dropdown.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/Elements/Dropdown.vue b/components/Elements/Dropdown.vue
index e1885c6..ae0bded 100644
--- a/components/Elements/Dropdown.vue
+++ b/components/Elements/Dropdown.vue
@@ -66,7 +66,7 @@
   }
 
   .dropdown-link {
-    @apply w-full flex flex-row flex-no-wrap items-center justify-start;
+    @apply w-full h-full flex flex-row flex-no-wrap items-center justify-start;
   }
 
   .dropdown-link:hover>* {
@@ -84,7 +84,6 @@
   .dropdown-menu {
     @apply absolute z-10 overflow-y-auto py-4 my-4 bg-white;
     top: 100%;
-    left: 40px;
     background-clip: padding-box;
   }
 

From 6fd4e9d2cd698d65203739ae4830cdffd398575f Mon Sep 17 00:00:00 2001
From: Wissam <wissam_ataleh@outlook.com>
Date: Tue, 16 Mar 2021 21:58:30 +0200
Subject: [PATCH 3/4] Make search in the name field only

---
 pages/apps/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/apps/index.vue b/pages/apps/index.vue
index 3814c95..0271c6e 100644
--- a/pages/apps/index.vue
+++ b/pages/apps/index.vue
@@ -11,7 +11,7 @@
     <ListsAppGrid v-if="popularApps.length && !searchString" :title="$t('popularApps')" :contentList="popularApps"
       :count="3" class="mt-10" />
     <ListsAppAll v-if="allApps.length" :title="searchString ? $t('searchResults') + ' ' + searchString : $t('allApps')"
-      :contentList="filterBy(allApps, searchString, 'name_en', 'description_en', 'name_ar', 'description_ar')"
+      :contentList="filterBy(allApps, searchString, 'name_en', 'name_ar')"
       class="my-10" />
   </div>
 </template>

From 3372318d305b994b1c15035205d5f6be5c5d6351 Mon Sep 17 00:00:00 2001
From: Wissam <wissam_ataleh@outlook.com>
Date: Tue, 16 Mar 2021 21:58:49 +0200
Subject: [PATCH 4/4] Add margin to search bar

---
 pages/apps/category/_slug.vue | 2 +-
 pages/apps/index.vue          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/apps/category/_slug.vue b/pages/apps/category/_slug.vue
index 83e40ad..c2b6668 100644
--- a/pages/apps/category/_slug.vue
+++ b/pages/apps/category/_slug.vue
@@ -4,7 +4,7 @@
     <div class="container flex flex-col-reverse lg:flex-row justify-between py-6">
       <ElementsDropdown :items="categories" :active="activeCat" @setActive="setActiveCat" class="min-w-xs" />
       <ElementsControlInput v-model="searchString" :placeholder="$t('searchIn') + ' ' + activeCatTitle"
-        class="search-bar mb-8 lg:mb-0 rounded-full flex-grow w-full lg:w-auto" />
+        class="search-bar mb-8 lg:mb-0 rounded-full flex-grow w-full lg:w-auto rtl:mr-8 ltr:ml-8" />
     </div>
     <ListsAppAll v-if="allApps.length" :title="searchString ? $t('searchResults') + ' ' + searchString : ''"
       :contentList="filterBy(allApps, searchString, 'name_en', 'name_ar')" class="my-10" />
diff --git a/pages/apps/index.vue b/pages/apps/index.vue
index 0271c6e..cbe77c5 100644
--- a/pages/apps/index.vue
+++ b/pages/apps/index.vue
@@ -4,7 +4,7 @@
     <div class="container flex flex-col-reverse lg:flex-row justify-between py-6">
       <ElementsDropdown :items="categories" :active="activeCat" @setActive="setActiveCat" class="min-w-xs" />
       <ElementsControlInput v-model="searchString" :placeholder="$t('search')"
-        class="search-bar mb-8 lg:mb-0 rounded-full flex-grow w-full lg:w-auto" />
+        class="search-bar mb-8 lg:mb-0 rounded-full flex-grow w-full lg:w-auto rtl:mr-8 ltr:ml-8" />
     </div>
     <ListsAppSpotlight v-if="spotlightApps.length && !searchString" :title="$t('spotlightApp')"
       :content="orderBy(spotlightApps, 'published_at', -1)[0]" class="mt-10" />