fix css distortion in grants sidebar (#7705)

* fix css distortion in grants sidebar * adjust style for only affected div Co-authored-by: Dan Lipert <danlipert@gmail.com>
gitcoinco · Oct 28, 2020 · 974d95c · 974d95c
1 parent faee476
commit 974d95c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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>
 

diff --git 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" />