Reduce space between sections

src/app/tabs/runTab/contractDropdown.js

@@ -54,7 +54,7 @@ class ContractDropdownUI {
     this.createPanel = yo`<div class="${css.deployDropdown}"></div>`
     this.orLabel = yo`<div class="${css.orLabel}">or</div>`
     let el = yo`
-      <div class="${css.container} border-bottom border-light">
+      <div class="${css.container}">
         <label class="${css.settingsLabel}">Contract</label>
         <div class="${css.subcontainer}">
           ${this.selectContractNames} ${this.compFails} ${info}

src/app/tabs/runTab/settings.js

@@ -127,7 +127,7 @@ class SettingsUI {
     `
 
     const el = yo`
-      <div class="${css.settings} border-bottom border-light">
+      <div class="${css.settings}">
         ${environmentEl}
         ${networkEl}
         ${accountEl}

src/app/tabs/styles/run-tab-styles.js

@@ -18,7 +18,7 @@ var css = csjs`
     line-height: 19px;
   }
   .settings {
-    padding: 16px 24px;
+    padding: 0 24px 16px;
   }
   .crow {
     display: block;
@@ -69,7 +69,7 @@ var css = csjs`
     margin-bottom: 2%;
     border: none;
     text-align: center;
-    padding: 16px 14px;
+    padding: 0 14px 16px;
   }
   .pendingTxsContainer  {
     display: flex;
@@ -79,7 +79,7 @@ var css = csjs`
     text-align: center;
   }
   .container {
-    padding: 16px 24px;
+    padding: 0 24px 16px;
   }
   .recorderCollapsedView,
   .recorderExpandedView {

src/app/tabs/theme-module.js

@@ -4,8 +4,8 @@ import * as packageJson from '../../../package.json'
 import yo from 'yo-yo'
 
 const themes = [
-  {name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1578991867/remix-dark-theme.css'},
-  {name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1578991821/light-theme.css'},
+  {name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1579188869/remix-dark-theme.css'},
+  {name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1579188869/light-theme.css'},
 
   // switching to the url Todo: remove when the theme is ready
   // {name: 'Dark', quality: 'dark', url: 'assets/css/remix-dark-theme.css'},

src/app/udapp/run-tab.js

@@ -62,7 +62,7 @@ export class RunTab extends LibraryPlugin {
   }
 
   renderInstanceContainer () {
-    this.instanceContainer = yo`<div class="${css.instanceContainer} run-instance-section"></div>`
+    this.instanceContainer = yo`<div class="${css.instanceContainer} border-0 run-instance-section"></div>`
 
     const instanceContainerTitle = yo`
       <div class="${css.instanceContainerTitle} run-instance-title"

src/app/ui/card.js

@@ -43,7 +43,7 @@ module.exports = class Card {
 
     // HTML
     self._view.el = yo`
-      <div class="${css.cardContainer} px-4 py-3 list-group-item">
+      <div class="${css.cardContainer} list-group-item border-0">
         ${self._view.cardHeader}
         ${self._view.cardBody}
       </div>`
@@ -55,8 +55,9 @@ module.exports = class Card {
 
 const css = csjs`
   .cardContainer {
-    padding             : 16px 24px;
+    padding             : 0 24px 16px;
     margin              : 0;
+    background          : none;
   }
   .cardHeader {
     display             : flex;

src/universal-dapp-styles.js

@@ -14,7 +14,7 @@ var css = csjs`
     word-break: break-word;
     line-height: initial;
     overflow: visible;
-    padding: 8px 0;
+    padding: 0 0 8px;
     margin: 0;
     background: none;
     border: none;
@@ -116,7 +116,6 @@ var css = csjs`
     justify-content: flex-end;
   }
   .contractProperty {
-    margin: 0 0 8px;
     width:100%;
   }
   .contractProperty.hasArgs input {