Issue firebug#44 - Removed Bootstrap and added a generic btn style

- adjusted the way we scale down image thumbnails to be more centered
mbuckley · Mar 7, 2015 · 8d03fc2 · 8d03fc2
1 parent da285e4
commit 8d03fc2
Show file tree

Hide file tree

Showing 8 changed files with 85 additions and 6,365 deletions.
diff --git a/data/layer-list.js b/data/layer-list.js
@@ -163,21 +163,21 @@ var LayerRow = React.createFactory(React.createClass({
 
     return (
       TR({className: "layerRow", onClick: this.props.selectLayer},
-        TD({className: "layerCell"},
+        TD({className: "layerCell collapse"},
           INPUT({type: "checkbox", checked: layer.visible,
             onChange: this.onVisibleChange})
         ),
         TD({className: "layerCell"},
-          DIV({className: "layerImageBox" + selected},
-            IMG({className: "layerImage img-thumbnail", src: imageUrl,
+          DIV({className: "layerImageBox thumbnail" + selected},
+            IMG({className: "layerImage", src: imageUrl,
               key: layer.id, "data-id": layer.id,
               onDragStart: this.props.dragStart,
               onDragEnd: this.props.dragEnd}),
             DIV({className: "closeButton", onClick: this.onRemove})
           )
         )
       )
-    )
+    );
   },
 
   onRemove: function(event) {
@@ -211,15 +211,15 @@ var AddLayerRow = React.createFactory(React.createClass({
         TD({className: "layerCell"}),
         TD({className: "layerCell"},
           DIV({className: "layerImageBox"},
-            DIV({className: "layerImage add img-thumbnail"},
-              DIV({onClick: this.props.addLayer},
+            DIV({className: "layerImage add"},
+              DIV({className: "btn", onClick: this.props.addLayer},
                 Locale.$STR("pixelPerfect.label.addLayer")
               )
             )
           )
         )
       )
-    )
+    );
   },
 }));