Tweaked the styling of the rows to keep things more even.

codecombat · Oct 4, 2013 · 357548b · 357548b
1 parent 3a4e7c8
commit 357548b
Show file tree

Hide file tree

Showing 6 changed files with 69 additions and 60 deletions.
diff --git a/dev/css/treema.css b/dev/css/treema.css
diff --git a/dev/js/treema.js b/dev/js/treema.js
diff --git a/src/base.coffee b/src/base.coffee
@@ -9,7 +9,7 @@ class TreemaNode
   parent: null
 
   # templates
-  nodeTemplate: '<div class="treema-row"><div class="treema-value"></div></div>'
+  nodeTemplate: '<div class="treema-row treema-clearfix"><div class="treema-value"></div></div>'
   childrenTemplate: '<div class="treema-children"></div>'
   addChildTemplate: '<div class="treema-add-child" tabindex="9009">+</div>'
   tempErrorTemplate: '<span class="treema-temp-error"></span>'

diff --git a/src/style/base.sass b/src/style/base.sass
@@ -30,10 +30,11 @@
     width: 200px
 
 .treema-type-select-container, .treema-schema-select-container
-  display: inline-block
+  display: block
   position: relative
   margin-right: 5px
-  top: -1px
+  top: 1px
+  float: left
 
   select
     position: absolute
@@ -75,7 +76,8 @@
 
 .treema-value
   cursor: text
-  display: inline-block
+  display: block
+  float: left
   max-width: 300px
   width: 100%
 
@@ -86,6 +88,7 @@
 .treema-key
   color: #5353ac
   float: left
+  display: block
   cursor: pointer
   margin-right: 5px