Search form: fix margin

[stokito]

Before:

As you see the group box title: "Search fields:" is above instructions text.

After:

I also tried to add a vertical splitter between search fields panel and search results but wasn't able

[Ri0n]

from the diff I can't understand anything, but if it looks good on low dpi too, then let's merge

[stokito]

You may see diff without spaces and identation changes. Click on a gear icon and select the "Hide whitespace".

The first commit adds names to components because it's difficult to understand what is where.
Also there was Vertical Box Layout inside of another that was useless:

       <layout class="QVBoxLayout">
        <item>
         <layout class="QVBoxLayout">
        <item>

To make it simpler I removed one VBox.

The second commit contains the fix where <property name="margin"> is replaced with four separate margins as the QT Designer did:

        <property name="leftMargin">
         <number>1</number>
        </property>
        <property name="topMargin">
         <number>10</number>
        </property>
        <property name="rightMargin">
         <number>1</number>
        </property>
        <property name="bottomMargin">
         <number>1</number>
        </property>

The only change here is increased topMargin to 10 px. It will be fine even on lower DPI.

I also tried to use the QSplitter but for some reason it doesn't work as expected. I tried a lot but wasn't able to make it work. Maybe you can do this, because the search fields panel may be too small.