Padding around the search box and rounded corners

[takdw]

I wanted to change the padding around the search box but I couldn't achieve it. I tried to look in the CSS file but not much info is there. And I can see that there are multiple static values of height set in the constants/ui.js file. What is the right way to increase padding around the search box? And also what about rounded corners?

[kevyworks]

I guess this is possible if the following can be achieved:

1. Disable Native Shadow
2. Transparent Window

Granting above is done; making the styling moved to #root:

__________________________________________
| NativeWindow                           |
|      __________________________________________
|      |                                         |
|      |  HTML>Document>Body>#root               |
|      |_________________________________________|
|________________________________________|

#root {
   border-radius: 22px;
   box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
   background: #FFFFFF;
   border-radius: 22px;
   cursor: text;
   font-size: 18px;
   height: 44px;
   line-height: 36px;
   margin: 0 auto;
   opacity: 1;
   position: relative;
   padding: 15px;
}

#root.with-result-lists {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

[ogustavo-pereira]

Thanks for the suggestion, I think maybe it will be very good, did you try to test the comment above?

If you want to open a PR I can review this suggestion