row and column style fix

src/environments/environment.ts

 export const environment = {
   production: true,
-  backend: 'http://localhost:8001/',//'https://api.drugst.one/',
+  backend: 'https://api.drugst.one/',
 };
 
 

src/index.html

@@ -88,7 +88,7 @@
 
 <button onclick="setNetwork('netexp1')">Add nodes</button>
 
-<div style="max-width: 80vw">
+<div style="max-width: 80vw; width: 1276px; height: 600px">
 
   <drugst-one id="netexp1"
               pluginId="2"

src/stylesheets/styles.scss

@@ -29,7 +29,7 @@
     margin-bottom: 0;
   }
 
-  .is-fullwidth{
+  .is-fullwidth {
     width: 100%;
   }
 
@@ -41,6 +41,7 @@
   nav.navbar {
     height: 60px;
   }
+
   .modal-card {
     max-height: 90% !important;
   }
@@ -217,4 +218,24 @@
   button.is-secondary, button.is-secondary:hover {
     background-color: var(--drgstn-secondary) !important;
   }
+
+  .row > * {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  .col > * {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.row > * {
+  padding-right: calc(1.5rem * .5);
+  padding-left: calc(1.5rem * .5);
+}
+
+.col > * {
+  padding-right: calc(1.5rem * .5);
+  padding-left: calc(1.5rem * .5);
 }