q3k
/
OctoPrint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Sort out the spacing and alignment on jog controls

master
Richard Mitchell 2013-02-10 21:12:38 +00:00
parent bd68e0ae54
commit 22e5f656fe
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
octoprint/static/css/ui.css
View File

@ -154,7 +154,7 @@ table th.timelapse_files_action, table td.timelapse_files_action {
#controls .jog-panel { #controls .jog-panel {
float: left; float: left;
margin-right: 20px; margin-right: 19px;
} }
#controls h1 { #controls h1 {
@ -184,12 +184,13 @@ table th.timelapse_files_action, table td.timelapse_files_action {
} }
#controls .btn-group { #controls .btn-group {
margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
#controls .btn-group > .btn { #controls .btn-group > .btn {
min-width: 50px; width: 43px;
padding: 3px 0;
height: 30px;
} }
.accordion-heading .settings-trigger { .accordion-heading .settings-trigger {

6
octoprint/templates/index.html
View File

@ -189,9 +189,9 @@
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y',1) }"><i class="icon-arrow-up"></i></button> <button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y',1) }"><i class="icon-arrow-up"></i></button>
</div> </div>
<div> <div>
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x',-1) }"><i class="icon-arrow-left"></i></button> <button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x',-1) }"><i class="icon-arrow-left"></i>
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendHomeCommand('XY') }"><i class="icon-home"></i></button> </button><button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendHomeCommand('XY') }"><i class="icon-home"></i>
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x',1) }"><i class="icon-arrow-right"></i></button> </button><button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x',1) }"><i class="icon-arrow-right"></i></button>
</div> </div>
<div> <div>
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y',-1) }"><i class="icon-arrow-down"></i></button> <button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y',-1) }"><i class="icon-arrow-down"></i></button>