fix mainview border/padding (#398)

src/app/clientsettings/clientsettings.less

@@ -1,7 +1,6 @@
 .clientsettings-view {
     .content {
         padding: 14px 18px 0 30px;
-        border-top: 1px solid var(--app-border-color);
     }
 
     .wave-dropdown {

src/app/common/elements/mainview.less

@@ -18,6 +18,7 @@
         vertical-align: middle;
         padding: 0 10px 0 10px;
         margin: 0;
+        border-bottom: 1px solid var(--app-border-color);
 
         .title {
             font-size: var(--title-font-size);
@@ -33,6 +34,10 @@
             font-size: var(--title-font-size);
         }
     }
+
+    .mainview-content {
+        padding-top: 14px;
+    }
 }
 
 // This ensures the tab bar does not collide with the floating logo. The floating logo sits above the sidebar when it is not collapsed, so no additional margin is needed in that case.

src/app/common/elements/mainview.tsx

@@ -31,7 +31,7 @@ class MainView extends React.Component<{
                         </div>
                     </header>
                 </div>
-                {this.props.children}
+                <div className="mainview-content">{this.props.children}</div>
             </div>
         );
     }

src/app/connections/connections.less

@@ -28,9 +28,7 @@
 
         thead {
             border-radius: var(--sizing-2-xs, 4px);
-            border-top: 1px solid var(--table-thead-border-top-color);
-            border-bottom: 1px solid var(--table-thead-border-bottom-color);
-            background: var(--table-thead-bg-color);
+            border-bottom: 2px solid var(--table-thead-border-bottom-color);
 
             th {
                 height: 32px;