- styling for home view component

- search view component: show automatically all records

src/views/home-view/home-view-component.scss

@@ -44,12 +44,24 @@ h6 {
     text-align: center;
     white-space: nowrap;
 }
+.field.has-addons .control:last-child:not(:only-child) .button,
+.field.has-addons .control:last-child:not(:only-child) .input,
+.field.has-addons .control:last-child:not(:only-child) .select select {
+    // border-bottom-left-radius: 0;
+    // border-top-left-radius: 0;
+    border-radius: 4px;
+}
 input{
     border-width:0;
+    box-shadow: none;
 }
 .search-button-icon {
     color: white;
 }
+.main-search-from-bg {
+    background-color: #fff;
+    padding: 0.2em;  
+}
 
 //contact apge
 .page-breaker {
@@ -68,4 +80,3 @@ input{
 .partner-logos {
     padding: 3em 0;
 }
-

src/views/home-view/home-view-component.vue

@@ -56,7 +56,7 @@
                         <input class="form-control mr-sm-2 border-0" type="text" placeholder="Search" aria-label="Search" />
                         <button class="btn btn-secondary m-0" type="submit"><i class="fas fa-search text-white"></i></button>
                     </form> -->
-                    <div class="field has-addons">
+                    <div class="field has-addons main-search-from-bg">
                         <div class="control is-expanded">
                             <input id="search_query" class="input is-medium" type="text" name="q" autocomplete="off" v-model="display" />
                             <!-- <p>Message is: {{ display }}</p>  v-on:input="searchChanged"-->