From 8e344781e231f70f59ad1b335fbe7fbeca87e755 Mon Sep 17 00:00:00 2001
From: Chibuotu Amadi <chibuotu@gmail.com>
Date: Mon, 19 Oct 2020 19:41:46 +0100
Subject: [PATCH 1/2] fix css distortion in grants sidebar

---
 app/assets/v2/css/sidebar_search.css   | 2 ++
 app/grants/templates/grants/index.html | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/v2/css/sidebar_search.css b/app/assets/v2/css/sidebar_search.css
index 9ec2a4e425d..8ab263f7aff 100644
--- a/app/assets/v2/css/sidebar_search.css
+++ b/app/assets/v2/css/sidebar_search.css
@@ -1,5 +1,6 @@
 .sidebar_search {
   padding: 20px 20px 10px 40px;
+  width: 100%;
 }
 
 .subheading {
@@ -106,6 +107,7 @@
     margin-left: 10px;
     margin-right: 10px;
     padding: 20px 20px 10px;
+    width: 100%;
   }
 }
 
diff --git a/app/grants/templates/grants/index.html b/app/grants/templates/grants/index.html
index dddf8cb6ade..2d8b4bc66d9 100644
--- a/app/grants/templates/grants/index.html
+++ b/app/grants/templates/grants/index.html
@@ -81,7 +81,7 @@
             {% endif %}
             <div id="grants-showcase" v-cloak>
               <div class="row" style="max-width: 99vw">
-                <div class="col-12 col-lg-3 col-xl-2 pr-xl-0" id="sidebar_container">
+                <div class="col-12 col-lg-3 col-xl-2 pr-0" id="sidebar_container">
                   {% include 'grants/shared/sidebar_search.html' %}
                 </div>
 

From b0a149da24c7800dc3bd2afdf53a9897cfa70514 Mon Sep 17 00:00:00 2001
From: Chibuotu Amadi <chibuotu@gmail.com>
Date: Wed, 21 Oct 2020 18:00:50 +0100
Subject: [PATCH 2/2] adjust style for only affected div

---
 app/assets/v2/css/sidebar_search.css                   | 2 --
 app/grants/templates/grants/shared/sidebar_search.html | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/assets/v2/css/sidebar_search.css b/app/assets/v2/css/sidebar_search.css
index 8ab263f7aff..9ec2a4e425d 100644
--- a/app/assets/v2/css/sidebar_search.css
+++ b/app/assets/v2/css/sidebar_search.css
@@ -1,6 +1,5 @@
 .sidebar_search {
   padding: 20px 20px 10px 40px;
-  width: 100%;
 }
 
 .subheading {
@@ -107,7 +106,6 @@
     margin-left: 10px;
     margin-right: 10px;
     padding: 20px 20px 10px;
-    width: 100%;
   }
 }
 
diff --git a/app/grants/templates/grants/shared/sidebar_search.html b/app/grants/templates/grants/shared/sidebar_search.html
index abeab146252..d421174da1e 100644
--- a/app/grants/templates/grants/shared/sidebar_search.html
+++ b/app/grants/templates/grants/shared/sidebar_search.html
@@ -20,7 +20,7 @@
                :set_type="setCurrentType" :idle_grants="idle_grants" :show_contributions="show_contributions"
                :query_params="getQueryParams" :round_num="round_num" :featured="featured"
                inline-template>
-  <div class="sidebar_search font-body pr-0 pl-4" >
+  <div class="sidebar_search font-body pr-0 pl-4 w-100">
     <div class="search font-caption mb-4" style="width: 110%;">
       <div class="search-area col-12">
         <input @input="searchKeyword()" class="form__input form__input_lg" type="search" v-model="search" id="keyword" name="keyword" style="font-family: 'Font Awesome 5 Pro', 'Muli', sans-serif; font-weight: 900;" placeholder="&#xF002; Search Grant" />