title: How to add margin in materialize css?
body: <p>Ive been reading the documents and trying to find out if other people had the same questions. But i werent able to find any. Is there any way I can add space between the buttons? Right now they are right next to each other. Thanks!</p>
  
  <pre><code>import React from "react";
  import { connect } from "react-redux";
  
  class Todo extends React.Component {
  
      state = {
          color:null
      }
  
      render() {
  
          let color;
          if(this.props.todo.priorityLevel === "3" ) {
               color = "#ff5252 red accent-2";
          } else if(this.props.todo.priorityLevel === "2") {
              color =  "#ff8a65 deep-orange lighten-2";
          } else {
              color = "#fff176 yellow lighten-2";
          }
  
          return(
              &lt;div className={"card-panel " + color}&gt;
                  &lt;div id="todoInfo"&gt;
                      &lt;h2&gt;{`Title: ${this.props.todo.todoTitle}`}&lt;/h2&gt;
                      &lt;span id="todoDescription"&gt;{`Description: ${this.props.todo.description}`}&lt;/span&gt;
                      &lt;span id="todoPriorityLevel"&gt;{`Priority Level: ${this.props.todo.priorityLevel}`}&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div id="todoActions"&gt;
                      &lt;button className="btn-floating btn-large cyan pulse actionButtons" onClick={()=&gt;this.props.dispatch({type:"EDIT_TODO", id: this.props.todo.id})}&gt;Edit&lt;/button&gt;
                      &lt;button className="btn waves-effect #d50000 red accent-4 pulse actionButtons" onClick={()=&gt;this.props.dispatch({type:"DELETE_TODO", id: this.props.todo.id})}&gt;Delete&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          )
      }
  }
  
  export default connect()(Todo);
  </code></pre>