visual things

npretto · Jan 17, 2019 · c1dbb1c · c1dbb1c
1 parent 962979b
commit c1dbb1c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -56,6 +56,7 @@ div {
 .top {
   flex: 1 0 50px;
   background: lightgray;
+  padding: 20px 5px 0px 5px;
 }
 
 .canvasContainer {
@@ -65,6 +66,7 @@ div {
 }
 
 .optionsPanel {
+  padding-left: 30px;
   flex: 1;
   background: lightgreen;
   width: 400px;

diff --git a/src/App.js b/src/App.js
@@ -163,10 +163,11 @@ class App extends Component {
       <div className="mainContainer">
         <div className="left">
           <div className="top">
-            <button onClick={this.test}> TEST </button>
+            {/* <button onClick={this.test}> TEST </button> */}
+            <label>Step: </label>
             {hasDonePath && (
               <input
-                style={{ width: "400px" }}
+                style={{ width: "800px" }}
                 type="range"
                 min={0}
                 max={pathSteps.length - 1}
@@ -178,7 +179,7 @@ class App extends Component {
                 }}
               />
             )}
-            {hasDonePath && `${step}/${pathSteps.length}`}
+            {hasDonePath && `${step}/${pathSteps.length - 1}`}
           </div>
           <div className="canvasContainer">
             <MyCanvas