title: Putting error messages under my table rows (style)
body: <p>I am making a review page for my app where its displays files that were uploaded. the problem I am having is....when a user uploads certain files that have errors in them, I display a warning message. I am able to display the messages but I want to display the messages below every file that was uploaded. Right now i have the files displaying in a table and the error messages come up but I'm not sure how to properly fix the error message below the file names. </p>
  
  <p>html:</p>
  
  <pre><code>&lt;tr ng-repeat="file in files"&gt;
       &lt;td class="name-col"&gt;{{file.name}}&lt;/td&gt;
       &lt;td class="description"&gt;{{file.description}}&lt;/td&gt;
       &lt;td class="error-message"&gt;{{file.error_message}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>table {
      table-layout: fixed;
      margin-bottom: 0;
      margin-top: 8px;
  
      th {
        text-transform: uppercase;
      }
  
      td, td span {
        word-break: break-all;
      }
    }
  </code></pre>