fixed alignment on vertical elements
This commit is contained in:
parent
f45573a7c9
commit
e0002e5f7b
|
@ -1,9 +1,9 @@
|
||||||
<form {{action "save" on="submit"}}>
|
<form class="new-env-var" {{action "save" on="submit"}}>
|
||||||
<p>Name: {{input value=name}}</p>
|
<p>Name: {{input value=name class="env-name"}}</p>
|
||||||
<p>Value: {{input value=value}}</p>
|
<p>Value: {{input value=value class="env-value"}}</p>
|
||||||
<p>Public: {{input type="checkbox" checked=public}}</p>
|
<p>Public: {{input type="checkbox" checked=public}}</p>
|
||||||
|
|
||||||
<p>
|
<p class="env-actions">
|
||||||
{{input type="submit" value="Add"}} or <a href="#" {{action "cancel"}}>Cancel</a>
|
{{input type="submit" value="Add" class="submit-env-var"}} or <a href="#" class="cancel-env-var" {{action "cancel"}}>Cancel</a>
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
|
|
|
@ -30,23 +30,51 @@
|
||||||
border-color: #ffb6c1
|
border-color: #ffb6c1
|
||||||
background: rgb(252, 227, 230)
|
background: rgb(252, 227, 230)
|
||||||
|
|
||||||
|
.new-env-var
|
||||||
|
margin-top: 20px
|
||||||
|
|
||||||
a.env_var_add
|
a.env_var_add
|
||||||
color: #ffffff
|
color: #ffffff
|
||||||
background-color: #97a3aa
|
background-color: #97a3aa
|
||||||
border: 1px solid #818e91
|
|
||||||
border-radius: 4px
|
border-radius: 4px
|
||||||
padding: 8px 12px 8px 12px
|
padding: 8px 12px 8px 12px
|
||||||
font-size: 13px
|
font-size: 13px
|
||||||
line-height: 70px
|
line-height: 70px
|
||||||
|
|
||||||
|
input.env-name
|
||||||
|
margin-left: 6px
|
||||||
|
|
||||||
|
input.env-value
|
||||||
|
margin-left: 8px
|
||||||
|
|
||||||
input
|
input
|
||||||
display: inline-block
|
display: inline-block
|
||||||
width: 260px
|
width: 260px
|
||||||
height: 20px
|
height: 20px
|
||||||
padding: 5px
|
padding: 0 5px 0 5px
|
||||||
background-color: #fff
|
background-color: #fff
|
||||||
border: 1px solid #ddd
|
border: 1px solid #ddd
|
||||||
line-height: 17px
|
line-height: 17px
|
||||||
font-size: 13px
|
font-size: 13px
|
||||||
color: #999999
|
color: #999999
|
||||||
text-align: left
|
text-align: left
|
||||||
|
|
||||||
|
p.env-actions
|
||||||
|
margin-bottom: 35px
|
||||||
|
|
||||||
|
input.submit-env-var
|
||||||
|
color: #ffffff
|
||||||
|
background-color: #7ea35a
|
||||||
|
border-radius: 4px
|
||||||
|
font-size: 13px
|
||||||
|
width: 60px
|
||||||
|
height: 32px
|
||||||
|
text-align: center
|
||||||
|
margin-right: 6px
|
||||||
|
|
||||||
|
a.cancel-env-var
|
||||||
|
margin-left: 3px
|
||||||
|
|
||||||
|
input[type="checkbox"]
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: middle
|
Loading…
Reference in New Issue
Block a user