Made the CSS 'padding' '1em' style apply only to content <div>s.

maratbn · Aug 5, 2018 · 8366171 · 8366171
1 parent 891b4ea
commit 8366171
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/webpack_in/entry.jsx b/webpack_in/entry.jsx
@@ -12,16 +12,19 @@ import ReactDOM from 'react-dom';
 
 const objStyleCommon = {
     margin:     '1em',
-    padding:    '1em',
     border:     'solid 2px green',
     textAlign:  'center'
   };
 
+const objStyleContent = {
+    padding:    '1em'
+  };
+
 
 class HelloWidget extends React.Component {
     render() {
         return (
-            <div style={ objStyleCommon }>
+            <div style={{ ...objStyleCommon, ...objStyleContent }}>
               Hello!  I'm a React app!!
             </div>
           );
@@ -32,7 +35,7 @@ class TextWidget extends React.Component {
     render() {
         return (
             <div style={ objStyleCommon }>
-              <div>Some text here....</div>
+              <div style={ objStyleContent }>Some text here....</div>
               <button>Change text...</button>
             </div>
           );