Commit e7f683eab4f5eff7b995924e23446f8266f5269f
1 parent
7d51ce8b
Exists in
master
and in
29 other branches
Improving block type options on add block dialog
Showing
2 changed files
with
16 additions
and
2 deletions
Show diff stats
app/views/box_organizer/add_block.rhtml
@@ -24,7 +24,7 @@ | @@ -24,7 +24,7 @@ | ||
24 | 24 | ||
25 | <div id="center-block-types" class="block-types"> | 25 | <div id="center-block-types" class="block-types"> |
26 | <% @center_block_types.each do |block| %> | 26 | <% @center_block_types.each do |block| %> |
27 | - <div> | 27 | + <div class='block-type'> |
28 | <%= labelled_radio_button(block.description, :type, block.name) %> | 28 | <%= labelled_radio_button(block.description, :type, block.name) %> |
29 | </div> | 29 | </div> |
30 | <% end %> | 30 | <% end %> |
@@ -32,7 +32,7 @@ | @@ -32,7 +32,7 @@ | ||
32 | 32 | ||
33 | <div id="side-block-types" class="block-types" style="display:none"> | 33 | <div id="side-block-types" class="block-types" style="display:none"> |
34 | <% @side_block_types.each do |block| %> | 34 | <% @side_block_types.each do |block| %> |
35 | - <div> | 35 | + <div class='block-type'> |
36 | <%= labelled_radio_button(block.description, :type, block.name) %> | 36 | <%= labelled_radio_button(block.description, :type, block.name) %> |
37 | </div> | 37 | </div> |
38 | <% end %> | 38 | <% end %> |
public/stylesheets/application.css
@@ -1681,6 +1681,20 @@ a.button.disabled, input.disabled { | @@ -1681,6 +1681,20 @@ a.button.disabled, input.disabled { | ||
1681 | -webkit-column-count: 2; | 1681 | -webkit-column-count: 2; |
1682 | } | 1682 | } |
1683 | 1683 | ||
1684 | +#add-block-dialog .block-types input{ | ||
1685 | + vertical-align: middle; | ||
1686 | +} | ||
1687 | + | ||
1688 | +#add-block-dialog .block-types label{ | ||
1689 | + display: inline-block; | ||
1690 | + vertical-align: middle; | ||
1691 | + width: 140px; | ||
1692 | +} | ||
1693 | + | ||
1694 | +#add-block-dialog .block-type{ | ||
1695 | + margin: 3px 0; | ||
1696 | +} | ||
1697 | + | ||
1684 | /* ==> blocks/tags-block.css <<= */ | 1698 | /* ==> blocks/tags-block.css <<= */ |
1685 | 1699 | ||
1686 | .tags-block { | 1700 | .tags-block { |