simulation better

01_Code/physical_computing_interface/css/style.css

@@ -6,7 +6,7 @@ body,html{width:100%;height:100%;padding:0;margin:0;}
     --color2: #020227;  /*kohly*/
     --color3: #1c5c61; /*teal*/
     --top: 20px;  
-    --dragwidth: 10px; 
+    --dragwidth: 5px; 
     --bottom: 20px;
     --font: "Times New Roman", Times, serif;
     /* --font: "Andale Mono", AndaleMono, monospace; */
@@ -170,8 +170,8 @@ body,html{width:100%;height:100%;padding:0;margin:0;}
 
 
 .dragbar{
-    /* background-color: var(--color3); */
-   background-image: linear-gradient(+90deg, var(--color1) ,var(--color11) ,var(--color2));
+    background-color: var(--color3);
+   /* background-image: linear-gradient(+90deg, var(--color1) ,var(--color11) ,var(--color2)); */
    height:100%;
    float: left;
    width: var(--dragwidth);
@@ -179,8 +179,8 @@ body,html{width:100%;height:100%;padding:0;margin:0;}
 }
 
 .dragbar1{
-    /* background-color: var(--color3); */
-    background-image: linear-gradient(+0deg, var(--color2)50% ,var(--color1)60% ,var(--color2));
+    background-color: var(--color3);
+    /* background-image: linear-gradient(+0deg, var(--color2)50% ,var(--color1)60% ,var(--color2)); */
     width:100%;
     left:var(--dragwidth);
     float: bottom;
@@ -190,8 +190,9 @@ body,html{width:100%;height:100%;padding:0;margin:0;}
 }
 
 .dragbar2{
-    /* background-color: var(--color3); */
-    background-image: linear-gradient(+0deg, var(--color1)50% ,var(--color2)60% ,var(--color1));
+    background-color: var(--color3);
+    /* background-image: */
+    /* background-image: linear-gradient(+0deg, var(--color1)50% ,var(--color2)60% ,var(--color1)); */
     width:100%;
     left:var(--dragwidth);
     float: bottom;