rework the ptz controls to take up less vertical space, also don't set width of buttons

pull/1386/head
Isaac Connor 2016-04-04 13:20:04 -04:00
parent 3e20e5f21c
commit f91ff4503a
3 changed files with 22 additions and 19 deletions

View File

@ -1,12 +1,11 @@
.ptzControls {
vertical-align: top;
margin: 10px auto 0;
width: 300px;
width: 500px;
}
.ptzControls input.ptzTextBtn {
margin-top: 2px;
width: 40px;
}
.ptzControls .controlsPanel {
@ -72,6 +71,8 @@
.ptzControls .controlsPanel .pantiltPanel {
margin: 0 auto;
height: 180px;
float: left;
width: 100px;
}
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
@ -126,12 +127,12 @@
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
}
.ptzControls .controlsPanel .pantiltPanel .powerControls {
margin: 0 auto;
.ptzControls .controlsPanel .powerControls {
margin: 5px auto;
}
.ptzControls .presetControls {
margin: 0 auto;
margin: 5px auto;
}
.ptzControls .presetControls input {

View File

@ -1,12 +1,11 @@
.ptzControls {
vertical-align: top;
margin: 10px auto 0;
width: 300px;
width: 500px;
}
.ptzControls input.ptzTextBtn {
margin-top: 2px;
width: 40px;
}
.ptzControls .controlsPanel {
@ -72,6 +71,8 @@
.ptzControls .controlsPanel .pantiltPanel {
margin: 0 auto;
height: 180px;
float: left;
width: 100px;
}
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
@ -79,8 +80,8 @@
border: 1px solid #006699;
text-align: center;
padding: 1px;
width: 96px;
height: 96px;
width: 100px;
height: 100px;
}
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
@ -126,12 +127,12 @@
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
}
.ptzControls .controlsPanel .pantiltPanel .powerControls {
margin: 0 auto;
.ptzControls .controlsPanel .powerControls {
margin: 5px auto;
}
.ptzControls .presetControls {
margin: 0 auto;
margin: 5px auto;
}
.ptzControls .presetControls input {

View File

@ -1,12 +1,11 @@
.ptzControls {
vertical-align: top;
margin: 10px auto 0;
width: 300px;
width: 500px;
}
.ptzControls input.ptzTextBtn {
margin-top: 2px;
width: 40px;
}
.ptzControls .controlsPanel {
@ -72,6 +71,8 @@
.ptzControls .controlsPanel .pantiltPanel {
margin: 0 auto;
height: 180px;
float: left;
width: 100px;
}
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
@ -79,8 +80,8 @@
border: 1px solid #006699;
text-align: center;
padding: 1px;
width: 96px;
height: 96px;
width: 100px;
height: 100px;
}
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
@ -126,12 +127,12 @@
background: url("../../graphics/arrow-dr.gif") no-repeat 0 0;
}
.ptzControls .controlsPanel .pantiltPanel .powerControls {
margin: 0 auto;
.ptzControls .controlsPanel .powerControls {
margin: 5px auto;
}
.ptzControls .presetControls {
margin: 0 auto;
margin: 5px auto;
}
.ptzControls .presetControls input {