nathanmcrae/ternary-graph-generator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix some alignment

Browse Source
This commit is contained in:
Nathan McRae
2025-09-02 21:36:48 -07:00
committed by Nathan McRae
parent 6a4a0f5719
commit 62fefb0cb1
3 changed files with 60 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
index.html
View File

@@ -19,46 +19,6 @@
<hr/>
<div id="main-content">
<div id="controls">
<div class="group">
<h3>Axis 1</h3>
<div class="input">
<p>Title:</p>
<input id="axis-1-title" value="axis 1"/>
</div>
<div class="input">
<p>Start value:</p>
E<input type="number" id="axis-1-start" value="0"/>
<button id="axis-1-start-down">▼</button>
<button id="axis-1-start-up">▲</button>
</div>
</div>
<div class="group">
<h3>Axis 2</h3>
<div class="input">
<p>Title:</p>
<input id="axis-2-title" value="axis 2"/>
</div>
<div class="input">
<p>Start value:</p>
E<input type="number" id="axis-2-start" value="0"/>
<button id="axis-2-start-down">▼</button>
<button id="axis-2-start-up">▲</button>
</div>
</div>
<div class="group">
<h3>Axis 3</h3>
<div class="input">
<p>Title:</p>
<input id="axis-3-title" value="axis 3"/>
</div>
<div class="input">
<p>Start value:</p>
E<input type="number" id="axis-3-start" value="0"/>
<button id="axis-3-start-down">▼</button>
<button id="axis-3-start-up">▲</button>
</div>
</div>
<div class="input">
<p>Axis title text size (px):</p>
<input type="number" id="axis-title-size" value="16"/>
@@ -73,7 +33,7 @@
</div>
<div class="input">
<p>Ticks:</p>
<input type="number" id="ticks" value="10"/>
<input type="number" id="ticks" value="9"/>
<button id="ticks-down">▼</button>
<button id="ticks-up">▲</button>
</div>
@@ -83,6 +43,49 @@
<button id="tick-size-down">▼</button>
<button id="tick-size-up">▲</button>
</div>
<div class="group">
<h3>Axis 1</h3>
<div class="input">
<p>Title:</p>
<input id="axis-1-title" value="Axis 1"/>
</div>
<div class="input">
<p>Start value:</p>
<p>E</p>
<input type="number" id="axis-1-start" value="0"/>
<button id="axis-1-start-down">▼</button>
<button id="axis-1-start-up">▲</button>
</div>
</div>
<div class="group">
<h3>Axis 2</h3>
<div class="input">
<p>Title:</p>
<input id="axis-2-title" value="Axis 2"/>
</div>
<div class="input">
<p>Start value:</p>
<p>E</p>
<input type="number" id="axis-2-start" value="0"/>
<button id="axis-2-start-down">▼</button>
<button id="axis-2-start-up">▲</button>
</div>
</div>
<div class="group">
<h3>Axis 3</h3>
<div class="input">
<p>Title:</p>
<input id="axis-3-title" value="Axis 3"/>
</div>
<div class="input">
<p>Start value:</p>
<p>E</p>
<input type="number" id="axis-3-start" value="0"/>
<button id="axis-3-start-down">▼</button>
<button id="axis-3-start-up">▲</button>
</div>
</div>
<a id="download-button">
<button>Download SVG</button>
</a>